ElementUi使用表單驗證出現驗證問題

問題:
使用vue element-ui中的form表單驗證出現了輸入框或者下拉框中明明有值,
可是卻仍是提示請輸入或請選擇,錯誤以下:

 1 <el-form
 2 　　status-icon
 3 　　:ref="employeesRules"
 4 　　:model="employeesForm"
 5 　　label-width="80px"
 6 　　:rules="employeesRules">
 7 　　　　<el-form-item
 8 　　　　　　label="分包商"
 9 　　　　　　prop="emSub">
10 　　　　　　<el-select 
11 　　　　　　　　v-model="employeesForm.subcontractor" 
12 　　　　　　　　placeholder="請輸入分包商">
13 　　　　　　　　　　<el-option
14 　　　　　　　　　　　　v-for="item in subcontractor"
15 　　　　　　　　　　　　:value="item.scId"
16 　　　　　　　　　　　　:key="item.scId"
17 　　　　　　　　　　　　:label="item.scSubcontractorsName">
18 　　　　　　　　　　</el-option>
19 　　　　　　</el-select>
20 　　　　</el-form-item>
21 </el-form>

解決方法:
在el-form-item中的prop屬性中的值爲emSub,而el-select的v-model爲employeesForm.subcontractor,
因此此時獲取到的值爲空(即null),因此須要把prop的值和v-model對應上便可,以下:

 1 <el-form
 2 　　status-icon
 3 　　:ref="employeesRules"
 4 　　:model="employeesForm"
 5 　　label-width="80px"
 6 　　:rules="employeesRules">
 7 　　　　<el-form-item
 8 　　　　　　label="分包商"
 9 　　　　　　prop="subcontractor">
10 　　　　　　　　<el-select 
11 　　　　　　　　　　v-model="employeesForm.subcontractor" 
12 　　　　　　　　　　placeholder="請輸入分包商">
13 　　　　　　　　　　　　<el-option
14 　　　　　　　　　　　　　　v-for="item in subcontractor"
15 　　　　　　　　　　　　　　:value="item.scId"
16 　　　　　　　　　　　　　　:key="item.scId"
17 　　　　　　　　　　　　　　:label="item.scSubcontractorsName">
18 　　　　　　　　　　　　</el-option>
19 　　　　　　　　</el-select>
20 　　　　</el-form-item>
21 </el-form>

 

subcontractor   [ˈsʌbkəntræktə(r)]   詳細 X

基本翻譯

n. 轉包商，分包者

網絡釋義

subcontractor: 承包商

subcontractor development: 分承包方的開發

labor subcontractor: 勞務分包單位