Vue 页面中点击提交时需要验证俩个表单？

最新推荐文章于 2024-04-30 10:40:48 发布

qq_42753983

最新推荐文章于 2024-04-30 10:40:48 发布

阅读量465

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_42753983/article/details/131679653

版权

第一种方法：通过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 ) {
    
    }
},