vue+elementUI 多表单提交时的校验

项目场景：

前端页面一个form表单拥有很多的表单项，有时为了页面有更好的展示以及观看体验，会根据不同的分类将表单拆分为多个表单。

---

问题描述：

多表单在提交时需要对必输项进行校验，需要每个表单的必输项都符合后才能进行提交。

---

解决方案：

	  let _self = this;
	  // 所有的表单名称组成一个数组
      let formArr = ['formA','formB','formC','formD'];
      let resultArr = [];
      // 遍历表单名称，分别进行校验，并将校验结果存储
      for (const ele of formArr) {
        let result = new Promise(function(resolve, reject) {
          _self.$refs[ele].validate((valid) => {
            if (valid) {
              resolve();
            } else {
              reject();
            }
          })
        });
        resultArr.push(result);
      }
      // 当所有表单的必输项都通过后才可以提交
      Promise.all(resultArr).then(() => {
        let params = {};
        let url = "";
		// 提交表单
        this.$post(url, params).then(() => {});
      }).catch(() => {
      });