溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Vue中如何使用ElementUi同時校驗多個表單，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
代碼
let formArr=['formA','formB','formC','formD']//假設這是四個form表單的ref
var resultArr=[]//用來接受返回結果的數(shù)組
var _self=this
function checkForm(formName) { //封裝驗證表單的函數(shù)
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 => { //根據(jù)表單的ref校驗
checkForm(item)
})
Promise.all(resultArr).then(function() { //都通過了
alert('恭喜你，表單全部驗證通過啦')
}).catch(function() {
console.log("err");
});以上是“Vue中如何使用ElementUi同時校驗多個表單”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經查實，將立刻刪除涉嫌侵權內容。
