問題:
使用vue element-ui中的form表單驗證出現了輸入框或者下拉框中明明有值,
但是卻還是提示請輸入或請選擇,錯誤如下:
1<
el-form
2status-icon
3:ref
="employeesrules"
4:model
="employeesform"
5label-width
="80px"
6:rules
="employeesrules"
>
7<
el-form-item
8label
="分包商"
9prop
="emsub"
>
10<
el-select
11v-model
="employeesform.subcontractor"
12placeholder
="請輸入分包商"
>
13<
el-option
14v-for
="item in subcontractor"
15:value
="item.scid"
16:key
="item.scid"
17:label
="item.scsubcontractorsname"
>
18el-option
>
19el-select
>
20el-form-item
>
21el-form
>
解決方法:
在el-form-item中的prop屬性中的值為emsub,而el-select的v-model為employeesform.subcontractor,
所以此時獲取到的值為空(即null),所以需要把prop的值和v-model對應上即可,如下:
1<
el-form
2status-icon
3:ref
="employeesrules"
4:model
="employeesform"
5label-width
="80px"
6:rules
="employeesrules"
>
7<
el-form-item
8label
="分包商"
9prop
="subcontractor"
>
10<
el-select
11v-model
="employeesform.subcontractor"
12placeholder
="請輸入分包商"
>
13<
el-option
14v-for
="item in subcontractor"
15:value
="item.scid"
16:key
="item.scid"
17:label
="item.scsubcontractorsname"
>
18el-option
>
19el-select
>
20el-form-item
>
21el-form
>
[ˈsʌbkəntræktə(r)] 詳細x
n. 轉包商，分包者
subcontractor: 承包商
subcontractor development: 分承包方的開發
labor subcontractor: 勞務分包單位
element ui表單驗證
可以在pattern中書寫正則，並且配合elementui進行表單驗證。pattern 屬性規定用於驗證輸入欄位的模式。模式指的是正規表示式。rules message 以字母開頭，長度在2 5之間，只能包含字元 數字和下劃線 password message 只能輸入6 20個字母 數字 下劃線 ...
elementUI表單驗證
elementui表單驗證非常方便，我們直奔主題 1 驗證表單中的某個字段 驗證contact欄位 this.refs.orderform.validatefield contact 驗證phone欄位 this.refs.orderform.validatefield phone 2 驗證整個表單...
使用element ui動態表單做表單驗證
官方給的demo 表單 v for domain,index in dynamicvalidateform.domains label 網域名稱 index key domain.key prop domains.index value rules domain.value el input rem...