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: 劳务分包单位