Promise.all处理多个表单提交

Promise.all处理多个表单提交

1、业务场景
主要就是几个tab页切换，每个tab页有一个表单，必须几个tab页面的表单同时满足条件 才可以添加成功，因此要对每个tab页面的表单进行校验

2 Promise.all 用法

使用Promise.all 可以将多个Promise请求放到一起来处理 这样刚好满足我们的条件
可以给每个表单创建一个new Promise对象 然后提交的时候 使用Promise.all。

const myPromise = new Promise((resolve, reject) => {
 	if（this.$refs.xxx.validate(valid => {
			if(valid) {
				resolve()
			} else {
				reject()
			]}
	）
});

校验通过就返回resolve 不通过就返回reject 这样使用Promise.all来处理多个表单，调用最终接口，如果有校验不通过的 ，因为ipromise返回的是reject 使用.catch 可以捕获到 ， 校验通过就直接.then() 进行处理 代码如下

 Promise.all([rule1,rule2,rule3]).then(()=>{
        configureCommonPolicy(Params).then(res => {
          if (res.code == 200) {
          } else {
            this.$message.error(res.message);
          }
        })
      }).catch(() => {
       this.$message.warn("xxxx") # 这里就是校验不通过的提醒
             }) 

而且promise.all 遇到多个reject 只会弹出第一个错误信息 这样避免了我们每个表单都弹出错误提示。 补充：promise.all 遇到多个 resolve 会已列表的形式返回

先浅浅的记录一下 以后用到了再补充