猿问

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

template代码：
1"class="el-icon-minusicon-class"@click="minusItem(index)">
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:{
//新增id
addItem(){
this.form.vlan_id.push({value:''})
},
//减少id
minusItem(item){
varindex=this.form.vlan_id.indexOf(item)
if(index!==-1){
this.form.vlan_id.splice(index,1)
}
},
},

		

			
神不在的星期二

			
浏览 1625回答 2

		

	
	

									
	

	

		
2回答

		

			
			

				
				
交互式爱情

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

				

					

            
            
          

          
0

				

			

			
			

				
				
桃花长相依

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

				

					

            
            
          

          
0

				

			

			
		

	

	

		随时随地看视频慕课网APP
	

	
	
	

		
相关分类

		

			
			

			
				 JavaScript
			
			

				
			
		

	

	
	
	

		我要回答