ElementUI--form嵌套表单，v-for生成的表单项实现表单验证

1。效果演示二、el-form的验证实现1.在el-form上添加一个规则对象，名称可以自定义：rules="skuRule"2.添加属性props="nametoel-form-item"，应该注意这个名字需要和规则对象skuRule中的属性名一致，否则不会被校验。3.在data中定义skuRule规则。注意：v-for循环生成的表单项校验和普通校验一般是一致的，最大的区别是prop是值得展示的。因为表单校验的规则是和字段一一对应的，所以我们的v-for出来的字段名都是一样的。如果我们不做相应的处理，一旦触发验证，就会牵一发而动全身，如下图注：处理方式：prop的值是从绑定到model中的值逐层获取的el形式。可以先找到验证字段所在的数组，然后获取数组下标，最后定位prop验证字段，以“.”分隔。层级之间的符号，写法如下：:prop="'sku_list.'+scope.$index+'.'+'price'":rules="skuRule.oprice"1.接口代码：删除2、校试规则：data(){return{listModel:{sku_list:[]},skuRule:{oprice:[{required:true,message:'请输入原价',trigger:'blur'}],price:[{required:true,message:'请输入会员价',trigger:'blur'}],stock_num:[{required:true,message:'Pleaseentertheproductinventory',trigger:'blur'}],name:[{required:true,message:'Pleaseentertheskutitle',trigger:'blur'}]},};},