A组件
<el-form ref="form" :model="form">
<b :form="form"></b>
</el-form>
data () {
return {
form:{}
}
}
B组件
<el-form-item
:label="params.label"
:prop="params.prop"
:rules="params.rules"
>
<c></c>
</el-form-item>
props:{
params:{},
form:{}
},
c组件
<el-input>
</el-input>
我大概简化成这个样子的。在element-ui给我出的例子中,A组件的form:{}
不是空的而是form:{domains: [{value: ''}],}
,B组件的:prop="'domains.' + index + '.value'"
。
如果我想A组件的from表单空着,并且像静态验证那样的结构form:{name:'',...}
,不需要在到form对象里面创建一个数组。B组件也像静态验证那样。该怎么做的