element ui 表單 v if 不能驗證問題

2022-03-13 19:23:54 字數 975 閱讀 7556

element-ui 表單v-if 很多人會遇到無法驗證的問題,網上很多是在el-form-item標籤前加乙個div然後把v-if拿到div上去像這樣

if="addchannel.region=='postgresql'||addchannel.region=='mongodb'||addchannel.region=='mysql'||addchannel.region=='influxdb'"class="notlastchildren notline">

item

:label="addchannel.region+'密碼'"label-width="200px"prop="postgresqlpassword":rules='[

]'>

input

:type="pwdtype"placeholder="密碼"v-model="addchannel.postgresqlpassword"class="notauto readonly"readonly

>

這樣也有可能不行,其實再套一層div就可以了

if="addchannel.region=='postgresql'||addchannel.region=='mongodb'||addchannel.region=='mysql'||addchannel.region=='influxdb'"class="notlastchildren notline">

item

:label="addchannel.region+'密碼'"label-width="200px"prop="postgresqlpassword":rules='[

]'>

input

:type="pwdtype"placeholder="密碼"v-model="addchannel.postgresqlpassword"class="notauto readonly"readonly

>

element ui表單驗證

可以在pattern中書寫正則,並且配合elementui進行表單驗證。pattern 屬性規定用於驗證輸入欄位的模式。模式指的是正規表示式。rules message 以字母開頭,長度在2 5之間,只能包含字元 數字和下劃線 password message 只能輸入6 20個字母 數字 下劃線 ...

element ui 表單校驗

一 最普通的驗證 html model ruleform rules rules ref ruleform label width 100px class demo ruleform 名稱 prop name v model ruleform.name el input el form item e...

elementUI表單驗證

elementui表單驗證非常方便,我們直奔主題 1 驗證表單中的某個字段 驗證contact欄位 this.refs.orderform.validatefield contact 驗證phone欄位 this.refs.orderform.validatefield phone 2 驗證整個表單...