el-form 多个表单一起校验，校验未通过时的处理

---

一、使用Promise all( )

let valid1 = this.$refs.formRef1.validate();
let valid2 = this.$refs.formRef2.validate();
let formArr = [valid1, valid2]
Promise.all(formArr).then(() => {
  console.log('两个表单验证通过');
  // 执行后续操作
}).catch(() => {
  console.log('至少有一个表单验证失败');
  this.validFail()
  return false
});

---

二、校验未通过时的处理

// 校验未通过时的处理
validFail() {
  // 定位到错误信息位置
  setTimeout(() => {
    let isError = document.getElementsByClassName("is-error");
    isError[0].querySelector('input').focus();
  }, 100);
  this.$message.warning('请按照提示把必填项补充完整')
},