【element-ui】form表單驗證不生效的原因及解決方案


今天在項目中用到element的表單驗證,按照官網上的說明寫的代碼,但是怎么都不會生效,自己對比了代碼很久依舊沒有什么發現,最后終於找到了問題所在:

在官網中的實例中,我們在綁定方法的時候,將ref綁定的名稱ruleForm字符串傳入:

點擊提交按鈕觸發的submitForm方法:

這里要注意到,傳入的是一個字符串,所以方法中用的是this.$refs[formName] =》this.$refs['ruleForm'],這種形式等同於this.$refs.ruleForm,而我的代碼:

沒有傳入字符串,而是將表單綁定的form對象傳入了,這樣,當然是會報錯的:

此外還要注意的是,傳入的參數是ref屬性綁定的名稱,這里名稱恰巧為form,和model綁定的屬性名相同,項目中,如果為免混淆其實可以使用其它名稱:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM