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

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

<el-form
　　status-icon
　　:ref="employeesRules"
　　:model="employeesForm"
　　label-width="80px"
　　:rules="employeesRules">
　　　　<el-form-item
　　　　　　label="分包商"
　　　　　　prop="emSub">
　　　　　　<el-select 
　　　　　　　　v-model="employeesForm.subcontractor" 
　　　　　　　　placeholder="請輸入分包商">
　　　　　　　　　　<el-option
　　　　　　　　　　　　v-for="item in subcontractor"
　　　　　　　　　　　　:value="item.scId"
　　　　　　　　　　　　:key="item.scId"
　　　　　　　　　　　　:label="item.scSubcontractorsName">
　　　　　　　　　　</el-option>
　　　　　　</el-select>
　　　　</el-form-item>
</el-form>

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

<el-form
　　status-icon
　　:ref="employeesRules"
　　:model="employeesForm"
　　label-width="80px"
　　:rules="employeesRules">
　　　　<el-form-item
　　　　　　label="分包商"
　　　　　　prop="subcontractor">
　　　　　　　　<el-select 
　　　　　　　　　　v-model="employeesForm.subcontractor" 
　　　　　　　　　　placeholder="請輸入分包商">
　　　　　　　　　　　　<el-option
　　　　　　　　　　　　　　v-for="item in subcontractor"
　　　　　　　　　　　　　　:value="item.scId"
　　　　　　　　　　　　　　:key="item.scId"
　　　　　　　　　　　　　　:label="item.scSubcontractorsName">
　　　　　　　　　　　　</el-option>
　　　　　　　　</el-select>
　　　　</el-form-item>
</el-form>

 

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

基本翻譯

n. 轉包商，分包者

網絡釋義

subcontractor: 承包商

subcontractor development: 分承包方的開發

labor subcontractor: 勞務分包單位