我有以下情况: 我有一个具有输入字段的表单(子)组件。
//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
的新实例,但不会呈现其值。