这里讲的主要是Element UI 组件的表单验证,Element UI 的Form表单验证是依靠 ref 来进行的,但是当一个页面有用到多个Form表单的时候,又要同时对这多个表单进行验证,这个时候写在后面的Form表单会覆盖前面的样式,导致只会验证最后一个文章来源:https://www.toymoban.com/news/detail-506057.html
解决方案:文章来源地址https://www.toymoban.com/news/detail-506057.html
async submitForm(formName) {
try {
await Promise.all([
this.$refs.ruleForm1.validate(),
this.$refs.ruleForm2.validate()
]);
// 验证成功
console.log('submit');
} catch (error) {
// 验证失败
console.log("error submit!!");
return;
}
到了这里,关于Element UI 多个Form表单同时验证的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!