问题标签 [vue-class-components]

目前在项目中我们使用 Vue 2.x 并且我们的组件以这种方式工作

vue-class-component 和 vue-property-decorator 允许我们以这种方式正确，根据文档，@Component 被替换为 @Options({})。

如何在不进行令人头疼的重构的情况下迁移到 Vue3？

我在打字稿中使用带有类组件的 vue3 我的类看起来像：

我的问题是，我怎样才能访问和使用我班级内的财产？

this.result和this.$props.result 都会给我一个错误。

有人能帮我吗？提前致谢

我是 vue.js 的新手，我想知道为什么下面的代码没有按预期工作：

当我更改“基准”时，dateChanged()将执行 - 方法并_timespan使用其设置器设置 - 属性。但是GUI不会更新。如果我删除 setter/getter 并直接使用 _timespan`-property，一切正常。我真的认为它也应该与 setter/getter 或其他therms、计算属性一起使用，不是吗？

有谁知道上述堆栈的任何工作示例？我知道 Vuelidate 在 Vue 3 中仍然是 alpha 版本，但我的猜测是，如果它可以与 Composition API 一起使用，那么应该有一种解决方法可以让它与类一起使用。

我正在尝试以下简单示例：

错误是：

文档说我需要以某种方式通过规则和状态来使用Vuelidate（），但我无法弄清楚它是如何以及是否是错误的原因。任何帮助表示赞赏。

我想在 vue 项目中使用“ngx-doc-viewer”包。但我不明白如何在 vue 2 类风格中使用 typecirpt 项目。 这是我正在考虑如何在 vue 中使用这个 NgxDocViewerModule 模块的链接 ngx-package 。

如果你能帮我解决这个问题，请告诉我。谢谢

我采用了我的项目@vue/composition-api

但是setup()在类组件中设置时，

我总是收到如下警告消息：

我知道这来自data类组件中常规字段中缺少的属性定义。但是通过使用@vue/composition-api，我们实际上不需要设置data属性。

有没有人知道如何解决这个问题。

我在基于 vue2 类的组件中使用打字稿。使用自定义类型 KeyValuePair 时，sampleData 属性在组件中不响应。

还尝试从 getter 访问 sampleData 道具，但仍然无法正常工作。任何解决方案或建议可能会有所帮助！

我似乎破坏了我的对象的反应性，并且 v-if 不起作用。我的数组是Parse Objects的数组，需要我使用它.get()来获取值，它正在处理标题、描述等的初始加载。加载数据后，我检查所有内容并使用 更新一些值.set()，但它们在我硬刷新整个 Nativescript 视图之前不要更新视图，这当然不是一个合适的解决方案。

本机脚本

Vue

解析对象

更新 1： 如果我以 Vue 方式更新数组，它会破坏 nativescript 视图并刷新并仅显示该项目，而不是完整列表。

所以我读过这篇文章几次，据我了解，我可以使用 v-model 而不是 props，将值从父组件传递给子组件，并在子组件中修改 prop 的值时自动发出事件，从而以更少的代码获得双向绑定（无需在父级中捕获已发出的事件）。但是，它并没有按照我认为的方式工作。

这是我的代码：

我希望当单击子组件中的按钮时，它应该触发一个“remove()”方法，而不是直接为 this.documents 分配一个新值，它应该发出 update:documents 事件，这反过来应该被父组件捕获，并且应该用于更新父组件的本地状态。

但相反，我收到以下警告：

试图改变道具“文档”。道具是只读的。

并出现以下错误：

未捕获的类型错误：代理集处理程序为属性“文档”返回 false

我哪里错了？提前致谢。

我有一个父组件 ChangeInfo，里面是一个子组件 ShowWorkInfo。在 ShowWorkInfo 组件中，我有几个输入表单来更新工作信息。我创建了一个变量 work_info 它是一个对象，然后将 v-model 用于其中的字段。但是我不知道如何让父组件从子组件中获取数据。我在子组件中没有任何按钮，我将尝试使用父组件中的按钮处理来自 WorkInfo 的数据。这是我的代码。我是否应该直接写入 ChangeInfo 而不将其拆分为子组件

ChangeInfo（父组件）

我这样调用两个函数