validateField校验指定字段

项目需求:在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
//校验方法
stepValidate.forEach((item,key) => {
//循环数组  校验每个参数
          this.$refs.form.validateField(item, valid => {
          //校验不通过
            if(valid.length){
              return stepFlag = false
            }
          })
        })
        //校验通过  跳转至下一步
        if(stepFlag){
          if (this.active++ > 6) this.active = 1;
        }
经验分享 程序员 微信小程序 职场和发展