项目需求:在vue的开发中,需要验证表单参数的功能必不可少,但大多数是在表单提交的时候统一校验的,但是在项目中用到了组件,所以每一步的参数都要分步骤校验,因此有了下面这个校验方式。
一、参数校验规则
// 表单校验
rules: {
marketId: [
{ required: true, message: "交易市场不能为空", trigger: "blur" }
],
orderDate: [
{ required: true, message: "交易日期不能为空", trigger: "blur" }
],
buyersName: [
{ required: true, message: "买方姓名不能为空", trigger: "blur" }
],
sellerName: [
{ required: true, message: "卖方姓名不能为空", trigger: "blur" }
],
},
二、参数校验
//每一步需要校验的参数数组
let stepValidate =['orderDate','buyersName'];
//参数是否通过校验
let stepFlag = true
//校验方法
((item,key) => {
//循环数组 校验每个参数
this.$(item, valid => {
//校验不通过
if(){
return stepFlag = false
}
})
})
//校验通过 跳转至下一步
if(stepFlag){
if (++ > 6) = 1;
}