vue+element之多表单验证


方法一:利用promise
        var p1=new Promise(function(resolve, reject) {
        
            this.$refs[form1].validate((valid) => {
                if(valid){
                    resolve();
                }
            })
        });
        
        var p2=new Promise(function(resolve, reject) {
             this.$refs[form2].validate((valid) => {
              if(valid){
                resolve();
              }
            })
        });
        
        
        
        Promise.all([p2,p1]).then(function(){
            alert("验证通过了");
        });
方法2:开关的方式
        this.$refs[a].validate((valid) => {
         
                if (valid) {
                  this.titleFormValid = true
                }
              })
               this.$refs[b].validate((valid) => {
                    if(valid){
                       this.customFormValid = true
                    } 
                })
               if (this.titleFormValid && this.customFormValid) {
                 alert("保存成功")
               }
              }


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM