今天在項目中用到element的表單驗證,按照官網上的說明寫的代碼,但是怎么都不會生效,自己對比了代碼很久依舊沒有什么發現,最后終於找到了問題所在:
在官網中的實例中,我們在綁定方法的時候,將ref綁定的名稱ruleForm字符串傳入:


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

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

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

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

