处理elementUI的的v-for生成多个el-form-item如何绑定动态prop
通过v-for生成的el-form-item的prop和rules的相互绑定
分两种情况:
一:简单在from:{XXX:'',yyy:''"},单层数据;
二:负责在 from:{
const:{
XXX:'',
yyy:''
}
}
像这种两层以上的数据,如何绑定呢,请往下看
单层数据绑定prop和rules
<el-form-item
v-for = "(item,index) in List"
:key=ndex
:label="item"
:prop ="item"
:rules=[required:true,message:"请输入",trigger:'blur']
>
<el-input
v-modle="from[item]"
>
</ el-input>
</el-form-item>
多层数据绑定prop和rules
<el-form-item
v-for = "(item,index) in List"
:key=ndex
:label="item"
:prop ="`obj.XXX.XXX.${item}`"
:rules=[required:true,message:"请输入",trigger:'blur']
>
<el-input
v-modle="from.obj.XXX.XXX[item]"
>
</ el-input>
</el-form-item>