這里講的主要是Element UI 組件的表單驗證,Element UI 的Form表單驗證是依靠 ref 來進行的,但是當一個頁面有用到多個Form表單的時候,又要同時對這多個表單進行驗證,這個時候寫在后面的Form表單會覆蓋前面的樣式,導致只會驗證最后一個文章來源:http://www.zghlxwxcb.cn/news/detail-506057.html
解決方案:文章來源地址http://www.zghlxwxcb.cn/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模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!