element多个表单同时验证

最新推荐文章于 2024-06-14 11:07:57 发布

杜蜜月

最新推荐文章于 2024-06-14 11:07:57 发布

阅读量789

点赞数

分类专栏：项目问题小记文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/honeymoon_/article/details/121107202

版权

项目问题小记专栏收录该内容

48 篇文章 4 订阅

订阅专栏

handleSave() {
  let list = [];
  list.push(
    this.checkForm("oneRef"),
    this.checkForm("twoRef"),
    this.checkForm("threeRef"),
    this.checkForm("fourRef"),
    this.checkForm("fiveRef"),
    this.checkForm("sixRef"),
  );
  Promise.all(list)
  .then(() => {
    console.log("表单验证通过");
  })
  .catch(() => {
    console.log("表单验证通过");
  });
},
//多个表单同时验证
checkForm(formName) {
  return new Promise((resolve, reject) => {
    this.$refs[formName].validate(valid => {
      if (valid) {
        resolve();
      } else reject();
    });
  });
},