使用Promise.all在提交时校验两张表单数据

项目场景：

最近在做表单校验提交时遇到需要校验多张表单的数据，以往都是写两个方法分开校验，当校验成功则返回true，校验不通过则返回false,只有两个都等于方法返回值都为true时再调用提交接口，但是这样的做法导致代码量较多而且并不优雅，于是最近在学习到promis时发现可以用promise.all实现。

---

问题描述

之前一次校验两张表单的写法

valid1(){
    this.$refs['dataForm'].validate((valid) => {
        if (valid) return true
     }
 },

valid2(){
    this.$refs['dataForm2'].validate((valid) => {
        if (valid) return true
     }
 },

handleConfirm(){
    if(this.valid1&&this.valid2){
        //调用提交接口 
        ..........  
        }
}

---

解决方案：

使用promise.all

handleConfirm () {
      Promise.all([this.$refs.dataForm.validate(), 
 this.$refs.dataForm.validate()]).then(() => {
//调用提交接口
...........

}

关于promise.all()：

Promise.all实际上是一个承诺，它将一系列承诺作为输入（可迭代）。然后，当所有承诺得到解决或其中任何一个被拒绝时，它就会得到解决。

例如，假设你有十个承诺（执行网络调用或数据库连接的异步操作）。你必须知道所有承诺何时得到解决，或者你必须等到所有承诺解决。所以你将所有十个承诺传递给Promise.all。然后，一旦所有十个承诺得到解决，Promise.all本身作为承诺将得到解决。如果其中一个承诺失败，那么所有其他承诺都会失败。 然后Promise.all被拒绝。

所以上述问题使用promise.all等两个问题都得到解决后再执行下一步操作。