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 驗證整個表單...