Vue ElementUi同時校驗多個表單(巧用new promise)

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