问题标签 [vue-property-decorator]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
typescript - 使用打字稿声明 vue 组件 @Prop 时出现意外标记
我正在尝试将 typescript 与 vuejs 一起使用,通常我使用类似的东西
但uploadUrl在我的IDE(phpStorm)中没有解析
但是我们可以vue-property-decorator
通过声明@Prop 来修复它,就像这里记录的那样。代码变为:
然而,这个基本声明引发了这样的问题
这里的任何人都有一个想法:
1-如何使用第一个解决方案并uploadUrl
解决
2-或如何解决这个Unexpected token
问题?
vue.js - Vue Prop Decorator - 无效的道具类型检查
我正在使用 vue-prop-decorator 和 Quasar 框架。我有一个组件,我在其中收到一个道具,定义如下:
在组件本身中,prop 是用装饰器描述的:
从 package.json 库的最新更新中,我开始收到以下错误:
[Vue 警告]:无效的道具:道具“fabricante”的类型检查失败。预期,得到对象
在 package.json 上列出的相关依赖项上,我有
但我不知道错误在哪里。关于如何解决的任何想法?
vue.js - 无法在异步创建时获取 Vuex 状态
我有以下 Vue 组件(基于 HelloWorld 示例)
以及对应的Vuex模块
当我单击刷新按钮时,调用 api 的代码工作正常,但似乎没有设置created
钩子上的状态,我不知道为什么。我尝试了 Promise & await & async 的各种组合,它要么出错,要么没有区别。
typescript - vue-class-component 语法中 vue-models(因此,“props”)的计算 getter/setter
在线程 中 v-model 在 Vue 2.x 中有哪些限制?,我学会了如何链接父子组件v-model
。建议的解决方案是:
不幸的是,我无法将其重写为vue-class-component语法。下面的代码既不工作也不应该工作:
关于如何在 vuejs 中基于类的组件中编写计算设置器的问题的答案不适用于 vue 组件属性,因为属性是只读的。所以我不能写this.value = newValue
。
直接value
使用有问题##
假设初始值为空字符串。
- 输入“f”
- 日志将是
"checkpoint" ""
- 输入“一”
- 日志将是
"checkpoint" "f"
- 输入“d”
- 日志将是
"checkpoint" "fa"
等等。
vue.js - Problem with $refs and .nativeView on vue-property-decorator
here is my code:
and this:
the Problem:
ts complains about .nativeView
after $refs
:
Property 'nativeView' does not exist on type 'Vue | Element | Vue[] | Element[]'.
it seems that changing this.$refs.root
to ( this.$refs.root as any )
solves the problem.
But is there any better approach? or could you please let me know why ts can Not apply .nativeView
on the element (this.$refs.root) by himself?
typescript - 基于类的 Vue 组件不适用于 v-model 和 vuex
我想实现以下几点:我有一个表单输入,需要将其绑定到vuex中相应存储状态的值。
- 每当字段中的值通过用户交互发生更改时,存储都会被更新的值覆盖。
- 每当在 vuex 存储中更新值时,该字段都会显示更新后的值
下面的代码片段应该很好地描述了它:
上面的示例将存储用户在 GUI 中所做的每次更改的更新值,但是,如果我在 vuex 中更改相应存储实例的值,该字段仍将显示旧值而不是更新值。
如何实现顶部列表中描述的功能?这对于基于类的组件有可能吗?
vue.js - VueJS - 函数的结果作为 Prop 的默认值
将 VueJS 与类组件一起使用,vue-property-decorator
我正在尝试编写一个带有uuid
Prop 的 Vue 组件,该组件在未提供时默认为新的 uuid(使用 npm 包uuid
):
因此,当实例化时给出服务器提供的 uuid 时,它会在前端使用,如果不是,则意味着它是一个新元素,应该为该组件生成一个新的 uuid。这段代码的问题是我最终会产生多个相同的组件uuid
(但不是全部)。
vue.js - 使用 vue-property-decorator 在 Vue 中通过其名称访问模块类
当我们使用 vue-property-decorator 并通过以下方式定义模块时:
并在应用程序中嵌入多个模块我们可以通过寻址模块的名称来访问这些模块中的特定模块吗?我的意思是考虑到这些方案,我可以从 Module_A 调用并运行属于 Module_C 的函数吗?
我的意思是这样的:
在 Module_A 中:Vue.Module_C.someFunctionBelongsToModuleC();
ps 我完全了解总线技术,$emit,$parent,...我想知道 ModuleName 本身是否有任何优点?
vue.js - 如何访问计算的状态变量?
使用 Vue 类组件,如何获取计算变量的值?尝试使用this.bar
会报错:Property 'bar' does not exist on type 'Vue'.