问题标签 [vue-composition-api]

Vue.js 新手，尝试在表示表单的组件中处理提交事件，该表单将检查子组件的有效性，如果一切正常，则将处理传递给父组件中的事件处理程序。

我收到此错误... [Vue 警告]：v-on 处理程序中的错误：“TypeError: undefined is not an object (evalating '$event.preventDefault')”在 ---> at src/components/ MyForm.vue 在 src/App.vue

子组件是 MyForm...

父组件（应用程序）.​​..

或者，将 App 的 onSubmit() 函数作为道具传递给 MyForm 会更好吗？我可以在 MyForm 中进行验证然后调用传入的函数吗？

使用Options API，我验证了我的表单，如下所示：

模板：

脚本：

现在，使用 new Composition API，我如何调用validate()表单？

我在功能组件上遇到以下错误（使用 Vue 2 的组合 API 插件）。

[Vue 警告]：属性或方法“侦听器”未在实例上定义，但在渲染期间被引用。通过初始化该属性，确保该属性是反应性的，无论是在数据选项中，还是对于基于类的组件。

[Vue 警告]：data() 中的错误：“TypeError：无法定义属性“ ob ”：对象不可扩展”

奇怪的是，听众正在按预期工作......但仍然抛出错误。任何想法？

我需要处理子组件中的事件；检查某个条件；如果为真，则将“提交”事件发送回父级，以便它的事件处理程序将运行。

下面的示例使用 Vue.js 2.6.11 触发父级的事件处理程序（将“vue”替换为“@vue/composition-api”）。使用 3.0.0-rc.5，它会触发两次。想知道这是故意的更改，错误还是我。

应用程序.vue：

FormGroup.vue：

关于为什么onSubmit()在 Vue.js 3.0.0-rc.5 中触发两次的任何想法？

我在打字稿上有点挣扎。假设你有一个字面量对象，它的值是用扩展运算符分配的：

更新类型库后@microsoft/microsoft-graph-types，会引发以下 TS 错误：

尝试在此答案MicrosoftGraph.User中设置文字对象上的接口并没有解决它，因为我必须在语法上做错了什么：

这会引发下面的 TS 错误，但该User接口肯定存在并且在函数中正确使用getGraphProfile。

TS2339：“typeof import”类型（“T:/Test/Brecht/Node/prod/hip-frontend/node_modules/@microsoft/microsoft-graph-types/microsoft-graph”）上不存在属性“用户”。

额外代码：

将财产保存为的正确方法是displayName什么string | null？

告诉打字稿的正确方法是什么，即函数Variables参数的接口myMutation？

我想避免像这样使用 myMutation ：

我完全熟悉 Vuex，但我对 Vue 组合 API 一无所知。这到底是怎么回事，它和 Vuex 有什么区别？它涵盖了 Vuex 中的哪些空白，何时何地更好地使用它们？感谢您的帮助。

即使 Promise 没有结束，下面的“状态”也会发出两次。好吧，我知道每个参数（成功数据，加载，错误）分别很好。但是每当我合并它们时，就会出现错误。

我再次尝试导致错误。

这种事情也是不允许的。我只希望只有在承诺结束时才发出一次 responsePayload

像 Object.assign.. 这样的方法不起作用。我别无选择，只能像这样分别引用所有数据。

[更新] 这有效，但发出未定义。

我有一个 Vue 应用程序。我用vuex。我这样创建了我的应用程序：

比我的组件之一我试图在 setup() 方法中访问 c​​ontext.root.$store ，但 context.root 是未定义的。

我的想法是通过 context.root 访问我的商店。我用这个观看了视频和示例。但他们使用 'vue/composition-api' 将 Vue 2 称为导入。

我错过了什么？

基本上，标题已经说明了一切：在 Vue.js 3 中，为什么我必须使用value属性 on ref，而不是 on reactive？

我知道这ref是针对简单值，例如布尔值、数字……，以及reactive针对复杂值，例如对象和数组。我没有得到的是：

• 为什么我需要指定value何时要访问 aref的值，而不是如果我使用reactive？这不是 API 中的不一致，还是有实际的技术原因必须这样？
• 为什么我不能两者都用一个？换句话说：是否有技术原因没有一个函数根据给定值的类型决定如何在内部包装它？

我假设我错过了一些东西，这并不容易。任何人都可以帮忙吗？