同时验证多个表单

最新推荐文章于 2024-06-17 11:53:01 发布

于丸

最新推荐文章于 2024-06-17 11:53:01 发布

阅读量1.1k

点赞数

分类专栏： elementui

本文链接：https://blog.csdn.net/Ych_cxy/article/details/97651514

版权

elementui 专栏收录该内容

15 篇文章 2 订阅

订阅专栏

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");
});