vue同时校验多个表单

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

o0麦嘎

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

阅读量402

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/Gpointy/article/details/134327300

版权

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(() => {})
},