vue element el-form多表单验证.txt

//在需要验证提交的方法中
//表单的ref校验
let formArr = ["legalPerson", "personLiable"]; 
let resultArr = []; //用来接受返回结果的数组
//将表单都放入方法验证一遍。取出结果。存入resultArr 
formArr.forEach(item => {
    // this.checkForm(item);
    resultArr.push(this.checkForm(item)); //push 得到promise的结果
});
//验证是否所有的表单都通过
 Promise.all(resultArr).then(() => {
//验证通过后的操作
}).catch(()=>{
          return false;
        });


//提取出的方法
checkForm(formName) {
      //封装验证表单的函数
      let _self = this;
      let result = new Promise(function(resolve, reject) {
        _self.$refs[formName].validate(valid => {
          if (valid) {
            resolve();
          } else {
            reject();
          }
        });
      });