javascript - 动态组件中的 v 模型

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

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

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