将prop传递给子组件而不更新dom

时间:2018-02-06 15:26:33

标签: vuejs2

我有以下情况: 我有一个具有输入字段的表单(子)组件。

//child component
<input type="text" placeholder="Field" v-model="rs.title"/>

rs这是parent组件传递的道具

我有一个父组件,我在其中创建了这个组件的许多实例,如:

<form v-for="(row,index) in no_of_segments" :rs.sync="row"/>

我这样做是因为我还需要跟踪所有表单组件的字段值。

所以我在父组件中定义了一个数组no_of_segments,其中包含如下值:

[{'field':val1},{'field':val2},...]

我将此数组中的对象传递给子组件prop,以便每个字段都可以使用其值进行渲染:

但问题是当我将一个新项目推送到父组件中的no_of_segments时, 会创建form的新实例,但不会呈现其值。

0 个答案:

没有答案