Vue ElementUi同時(shí)校驗(yàn)多個(gè)表單(巧用new promise)

let formArr=['formA','formB','formC','formD']//假設(shè)這是四個(gè)form表單的ref
var resultArr=[]//用來(lái)接受返回結(jié)果的數(shù)組
var _self=this
 function checkForm(formName) { //封裝驗(yàn)證表單的函數(shù)
 var result = new Promise(function(resolve, reject) {
 _self.$refs[formName].validate((valid) => {
 if (valid) {
 resolve();
 } else { reject() }
 })
 })
 resultArr.push(result) //push 得到promise的結(jié)果
}
formArr.forEach(item => { //根據(jù)表單的ref校驗(yàn)
 checkForm(item)
 })
Promise.all(resultArr).then(function() { //都通過(guò)了
 alert('恭喜你，表單全部驗(yàn)證通過(guò)啦')
}).catch(function() {
 console.log("err");
});