多个form表单同时校验

使用场景:一个页面由多个form表单组成,提交的时候要统一校验必填信息,统一提交

        // 校验表单一
        let dispatchValidate = new Promise((resolve, reject) => {
          this.$refs.dispatchForm.validate((valid) => {
            if (valid) {
              // 表单一校验通过后其他逻辑判断
              this.checkEqu();
              resolve();
            } else {
              return false;
            }
          });
        });

        // 校验表单二
        let formValidate = new Promise((resolve, reject) => {
          this.$refs.form.validate((valid) => {
            if (valid) {
              resolve();
            } else {
              return false;
            }
          });
        });

        // Promise.all统一处理
        Promise.all([dispatchValidate, formValidate])
          .then(() => {
            // 后续表单提交操作
            this.confirmPay();
          })
new Promise分别对两个表单校验,最后用Promise.all统一处理,再做后续操作
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值