Vue ElementUi同时校验多个表单(巧用new promise)
发布时间：2020-12-17 03:12:18 所属栏目：百科 来源：网络整理
导读：前言 有ABCD四个表单，提交的时候同时校验(是的，后台管理系统的需求就是这样)，巧用new promise。 实现的方法有很多种，我讲下自己觉得比较优雅的方式，欢迎各位大大的指正哈。 代码 { if (valid) { resolve(); } else { reject() } }) }) resultArr.push(r
前言有ABCD四个表单，提交的时候同时校验(是的，后台管理系统的需求就是这样)，巧用new promise。 实现的方法有很多种，我讲下自己觉得比较优雅的方式，欢迎各位大大的指正哈。 代码 {
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");
});
总结以上所述是小编给大家介绍的Vue ElementUi同时校验多个表单(巧用new promise)。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |