动态组件中的 v-model

Question

我有一个使用 for 循环渲染的动态组件列表。

<component
        v-for="component in components"
        :key="component.componentId"
        :is="component.type"
        :componentId="component.componentId">
</component>

其中一种不同的组件类型是包含输入字段的元素。我想将 v-model 附加到该输入。

<input type="text" :name="name">

有效，但当我这样做时

<input type="text" :name="name" v-model="value">

我没有收到任何错误，但组件未呈现。不过

<input type="text" :name="name" :value="value" @input="setValue">

有效，如果与适当的方法一起使用 setValue 来更新值属性。

组件中的v-model应该如何使用？

Answer 1

显然动态类型绑定不适用于 v-model。在确认这一点的存储库中找到 a commit。出于某种原因，它没有给我警告，即使 process.env.NODE_ENV == undefined.

在最初的问题中，我删除了很多代码以使其更具可读性，但似乎我错过了重要的部分。

动态组件中的 v-model

v-model in dynamic component

javascript

vue.js

vue-component