Vue,分离出组件模板

时间:2019-11-27 13:23:01

标签: vue.js

此刻我的组件有一个相当大的模板。我想将此方面分成其自己的组件。

但是,我正在努力将数据传递给此组件。我仍然希望能够在子级中处理数据并在父级更新中具有数据。因此,例如,如果我传入一个对象,然后在文本框的子级中使用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模式   我改为使用对象属性。

0 个答案:

没有答案