vue多级表单校验

	

		
		    
		
		
	


//数据
data（）{
	return{
		dattInfo：{
			list：[]
		}
	}
}
methods:{
	//提交、校验
	submit（）{
		this.$refs.dattInfo.validate(valid =>{
			if(valid){
				console.log('表单校验通过');
			}else{
				console.log('表单校验不通过');
			}
		})
	}
}

注意：
1.特别注意 prop 和 rules 的绑定， prop 里面的名称必须和输入框绑定的属性名称对应起来。
2. dattInfo 必须是一个对象，循环的是对象里面的 list 数组，往 list 数组里面动态增加数据。
3. 循环体里面再次添加动态的表单时，注意 indexs 和外层 index 的区别。