ElemnrtUI配合着vue是常見的后台管理系統的標配,但是element中的說明有些過於簡單 需要自己去嘗試 才能知道怎么用,今天就記錄一下 我所遇到的表單驗證的坑。做個分享記錄,方便有同樣問題的人,也是對自己學習的積累。
1.首先講一下官方文檔對驗證規則的描述
Form 組件提供了表單驗證的功能,只需要通過 rules
屬性傳入約定的驗證規則,並將 Form-Item 的 prop
屬性設置為需校驗的字段名即可。校驗規則參見 async-validator
只是很簡單的描述,要是完全按照實例的格式寫,應該也沒什么問題,但是有時候需要不能完全契合嗎。
2.下邊就寫一下幾種問題吧,因為我也不知道怎么寫合適。
1。就是這種,明明有文字,卻報錯
2.沒有效果。
3.分享一下 我所踩的倆個坑。
1.rules中的名字需要和數據中的變量名保持一致。
2.如果遇到嵌套的el-form,那么需要在需要使用relus規則的父el-form中 寫入v-model對應的數據
因為我是嵌套的,只是想用el-form區分一下結構。