【vue】页面中点击提交时需要验证两个表单？

 

 

第一种方法：通过promise.all()进行同步验证

submitForm(formName1,formName2){
            let that =this
　　　　//  两个表单验证　　　　
            let p1 = new Promise((resolve, reject) => {
                this.$refs[formName1].validate( valid => {
                    if(valid) {
                        resolve()
                    }
                })
            })
            let p2 = new Promise((resolve, reject) => {
                this.$refs[formName2].validate( valid => {
                    if(valid) {
                        resolve()
                    }
                })
            })
            // 两个表单验证通过:写业务代码
            Promise.all([p1, p2]).then(function(results){
            // 就在这里写
　　　　}).catch(function(err){ 
                console.log(err); 
            }); 
  },     

第二种方法：通过promise.all()进行同步验证

submitForm(formName1,formName2){   
    let that = this;  
    that.$refs[formName1].validate((valid) => {
        if (valid) {
            this.FormValid1 = true
        }
    });
    that.$refs[formName2].validate((valid) => {
        if (valid) {
            this.FormValid2 = true
        }
    });   
    if (this.FormValid1 && this.FormValid2 ) {
    
    }
},