vue同时校验多个表单

最新推荐文章于 2025-08-11 14:45:02 发布

原创最新推荐文章于 2025-08-11 14:45:02 发布 · 579 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

0 效果

在这里插入图片描述

1 代码

checkForm (formRef) {
  return new Promise((resolve, reject) => {
    this.$refs[formRef].validate((valid) => {
      if (valid) {
        resolve();
      } else {
        setTimeout(() => {
          this.$refs[formRef].clearValidate();
          reject(new Error('错误'));
        }, 1500);
      }
    });
  });
},
confirmAddBtn() {
  Promise.all([this.checkForm('addFormRef'), this.checkForm('bidCaseFormRef')]).then(() => {
    console.log(this.addForm);
  }).catch(() => {})
},