此刻我的组件有一个相当大的模板。我想将此方面分成其自己的组件。
但是,我正在努力将数据传递给此组件。我仍然希望能够在子级中处理数据并在父级更新中具有数据。因此,例如,如果我传入一个对象,然后在文本框的子级中使用v-model
,则更改应在父级中反映出来。
因此,我假设当我遍历对象列表时,我会将它们v-model
插入我的子组件,就像这样:
Main.vue
<card v-for="quote in quotes" v-model="quote"></card>
然后当然接受新模型中的输入:
Card.vue
export default {
props: [ 'input' ]
}
但是我遇到以下错误,我无法真正理解。
您将v-model直接绑定到v-for迭代别名。这将无法修改v-for源数组,因为写入别名就像修改函数局部变量一样。考虑使用对象数组并使用v模式 我改为使用对象属性。