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('请按照提示把必填项补充完整')
},