element动态增减表单的验证，触发不了验证规则，请问问题出在哪了？谢谢。万分感谢

Question

template代码：script部分：data(){letthat=this;letvalidateVlan=(rule,value,callback)=>{if(that.form.vlan_id[index].value.trim()!=null&&that.form.vlan_id[index].value.trim()!=""){......}}return{value:true,valueSelect:'Trunk',form:{vlan_id:[],},rules:{vlan_id:[{required:true,message:'不能为空',trigger:['blur','change']},{validator:validateVlan,trigger:['blur','change']}]}}},methods:{//新增idaddItem(){this.form.vlan_id.push({value:''})},//减少idminusItem(item){varindex=this.form.vlan_id.indexOf(item)if(index!==-1){this.form.vlan_id.splice(index,1)}},},

Answer 1

提问后又仔细找了下问题，动态项里面prop而非props，多写个s，改了后就Ok了（新手到处踩坑）。表单动态加减的验证，留问题以供参考。
                            

Answer 2

问题：el-form-item这个rules和el-form的rules上面的重复了；
1.如果你要用el-form这个rules，接收的是一个对象，对象内部的key值需要和el-form-item上的每一个props的名称一一对应，不然不会生效的；
2.其他代码不变，只保留el-form-item这个rules，删掉el-form这个rules就可以校验了。