父组件校验子组件表单

最新推荐文章于 2024-09-11 17:09:49 发布

花开富贵城

最新推荐文章于 2024-09-11 17:09:49 发布

阅读量127

点赞数

文章标签： Promise 异步验证前端开发表单验证 async/await

本文链接：https://blog.csdn.net/qq_42498352/article/details/127014582

版权

// 子组件
  onSubmit() {
    let _this = this;
    return new Promise(function (resolve, reject) {
      (_this.$refs.ruleForm as any).validate((valid: any) => {
        valid ? resolve(true) : resolve(false);
      });
    }).catch((e) => {}); // catch一定要写
  }
  

// 父组件
  async onSubmit() {
    let flag = await this.$refs.form.onSubmit();
    if (flag) {
      // success    
    } else {
     // fails
    }
  }