记录：elementUI中validateField对部分表单字段进行校验数组时多次回调问题

我喜欢直入主题：

首先要知道，使用validateField部分校验数组的时候，数组有几位，就会回调几次。当回调返回都为“ ”，也就是空的时候，表示验证通过。当返回任何一个不为空的时候，就是不通过，这个不为空的回调内容就是我们校验时写的文字。比如下面这样callback内的文字

    const validateBangCha = (rule,value,callback)=>{
      let val = this.ruleForm.allowablePoundDifference+'';
      if (isNaN(val)) {
        callback(new Error('请输入数字'))
      } else if((value < 0 || value >=1000)
      || (val.indexOf(".") != -1 && val.split('.').length > 2)
      || (val.indexOf(".") != -1 && val.split('.')[1].length > 3)){
        callback(new Error('请正确输入0~999.999的数字'))
      }else{
        callback();
      }
    };

所以，只要明白上面的思想。就很好解决了，而且方法有很多。

我解决方法就是：

1. 定义一个空数组，校验的时候，把每个值 push进去

2.然后用every去判断，当全部为空的时候，那就是可用执行我们下面的业务操作。

let validateList = [];
 this.$refs['ruleForm'].validateField(['gasAmount','transportValue','waybillId'],(message) => {
    validateList.push(message)
 });
 if (validateList.every((item) => item === '')) {
     // 咱们的操作
 }