如何解決this.$refs[XXX].validate is not a function

genie

相信有很多朋友對於動態生成el-form表單進行校驗會出現以下情況：



在動態生成的時候this.$refs.form變成了一個數組，驗證時可以這樣寫：

1. this.$refs['form'][0].validate((valid) => {
   
2.           if(valid) {
   
3.             console.log('111')
   
4.           }
   
5.           else {
   
6.             this.$message.warning("");
   
7.           }
   
8.         })

複製代碼

另一種情況：假如你第一個el-form是本來就存在的，後面的el-form是動態生成的這個時候需要進行判斷校驗：

1.       if(this.tabIndex > 0) {
   
2.         this.$refs['form'].validate((valid) => {
   
3.           if(!valid) return this.$message.warning("原本存在form表單校驗");
   
4.         })
   
5.       }
   
6.       else {
   
7.         this.$refs['form'][0].validate((valid) => {
   
8.           if(valid) {
   
9.             console.log('111')
   
10.           }
    
11.           else {
    
12.             this.$message.warning("動態生成的form表單校驗");
    
13.           }
    
14.         })
    
15.       }

複製代碼