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;
        }