vue: el-form只校验部分字段

validateField用法

浏览器debug发现，每个字段，都会单独校验并返回校验结果；失败时，返回用户定义的错误提示信息；校验通过返回空串

方法一：

  // 字段教校验时，每个字段都会单独校验一遍，将结果保存到数组中
  let validateFields = ['username', 'password', 'confirmPassword']
  let validateFieldsRs = []
  this.$refs.formName.validateField(validateFields, (valid) => {
    // 字段校验成功则返回空串
    if (!valid) {
      validateFieldsRs.push(valid)
    } else {
      return
    }
    // 数据元素个数和字段个数一致时，校验结束且都是成功的
    if (validateFields.length == validateFieldsRs.length && validateFieldsRs.every((item) => item === '')) {
      // 其他处理业务逻辑
    }
  })

方法二：

      Promise.all(validateFields.map((item) =>
          new Promise((resove, reject) => {
            // 返回校验结果
            this.$refs.formName.validateField(item, (err) => resove(err))
          })
        )
      ).then((res) => {
        // 过滤所有的非空串的，存在非空串表示校验不通过的
        if (res.filter((item) => item).length) {
          return
        }
        // 校验通过后，业务逻辑
      })