问题标签 [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.

0 投票
1 回答
832 浏览

typescript - 使用打字稿声明 vue 组件 @Prop 时出现意外标记

我正在尝试将 typescript 与 vuejs 一起使用,通常我使用类似的东西

但uploadUrl在我的IDE(phpStorm)中没有解析 在此处输入图像描述

但是我们可以vue-property-decorator通过声明@Prop 来修复它,就像这里记录的那样。代码变为:

在此处输入图像描述

然而,这个基本声明引发了这样的问题

这里的任何人都有一个想法:

1-如何使用第一个解决方案并uploadUrl解决

2-或如何解决这个Unexpected token问题?

0 投票
1 回答
406 浏览

vue.js - Vue Prop Decorator - 无效的道具类型检查

我正在使用 vue-prop-decorator 和 Quasar 框架。我有一个组件,我在其中收到一个道具,定义如下:

在组件本身中,prop 是用装饰器描述的:

从 package.json 库的最新更新中,我开始收到以下错误:

[Vue 警告]:无效的道具:道具“fabricante”的类型检查失败。预期,得到对象

在 package.json 上列出的相关依赖项上,我有

但我不知道错误在哪里。关于如何解决的任何想法?

0 投票
1 回答
113 浏览

vue.js - 无法在异步创建时获取 Vuex 状态

我有以下 Vue 组件(基于 HelloWorld 示例)

以及对应的Vuex模块

当我单击刷新按钮时,调用 api 的代码工作正常,但似乎没有设置created钩子上的状态,我不知道为什么。我尝试了 Promise & await & async 的各种组合,它要么出错,要么没有区别。

0 投票
1 回答
1715 浏览

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使用有问题##

假设初始值为空字符串。

  1. 输入“f”
  2. 日志将是"checkpoint" ""
  3. 输入“一”
  4. 日志将是"checkpoint" "f"
  5. 输入“d”
  6. 日志将是"checkpoint" "fa"

等等。

0 投票
0 回答
329 浏览

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?

0 投票
1 回答
49 浏览

vue.js - 对 Vue 计算属性是否会重新计算有什么影响?

我希望currentSelectionViewContent每次selectedOptionsIndexes发生变化时都会重新计算。真的,有时它有效,有时 - 不是。

工作案例:

在此处输入图像描述

不工作的情况(没有重新计算):

在此处输入图像描述

我很抱歉没有为这种情况创建repro(复制导致此问题的组件,它的依赖关系和环境)需要很长时间。如果您在没有 repro 的情况下无法理解这里有什么问题,请教我影响 Vue 计算属性是否会重新计算。

0 投票
1 回答
157 浏览

typescript - 基于类的 Vue 组件不适用于 v-model 和 vuex

我想实现以下几点:我有一个表单输入,需要将其绑定到vuex中相应存储状态的值。

  • 每当字段中的值通过用户交互发生更改时,存储都会被更新的值覆盖。
  • 每当在 vuex 存储中更新值时,该字段都会显示更新后的值

下面的代码片段应该很好地描述了它:

上面的示例将存储用户在 GUI 中所做的每次更改的更新值,但是,如果我在 vuex 中更改相应存储实例的值,该字段仍将显示旧值而不是更新值。

如何实现顶部列表中描述的功能?这对于基于类的组件有可能吗?

0 投票
1 回答
828 浏览

vue.js - VueJS - 函数的结果作为 Prop 的默认值

将 VueJS 与类组件一起使用,vue-property-decorator我正在尝试编写一个带有uuidProp 的 Vue 组件,该组件在未提供时默认为新的 uuid(使用 npm 包uuid):

因此,当实例化时给出服务器提供的 uuid 时,它会在前端使用,如果不是,则意味着它是一个新元素,应该为该组件生成一个新的 uuid。这段代码的问题是我最终会产生多个相同的组件uuid(但不是全部)。

0 投票
1 回答
94 浏览

vue.js - 使用 vue-property-decorator 在 Vue 中通过其名称访问模块类

当我们使用 vue-property-decorator 并通过以下方式定义模块时:

并在应用程序中嵌入多个模块我们可以通过寻址模块的名称来访问这些模块中的特定模块吗?我的意思是考虑到这些方案,我可以从 Module_A 调用并运行属于 Module_C 的函数吗?

我的意思是这样的:

在 Module_A 中:Vue.Module_C.someFunctionBelongsToModuleC();

ps 我完全了解总线技术,$emit,$parent,...我想知道 ModuleName 本身是否有任何优点?

0 投票
3 回答
89 浏览

vue.js - 如何访问计算的状态变量?

使用 Vue 类组件,如何获取计算变量的值?尝试使用this.bar会报错:Property 'bar' does not exist on type 'Vue'.