1、问题
回显的value和选项value类型不同
form中v-model="form.userId"是字符串类型
option中:value=“item.userId” 选项id是数字类型文章来源：https://www.toymoban.com/news/detail-660262.html
2、办法
:value=“item.userId” 改为 :value=“item.iduserId+‘’”（转换成字符串）文章来源地址https://www.toymoban.com/news/detail-660262.html
<el-form-item label="领导姓名" prop="createrId">
<el-select v-model="form.createrId" placeholder="请选择领导姓名" clearable style="width:300px" filterable
@change="handleUserChange">
<el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId+''">
<span style="float: left">{{ item.nickName }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.dept.deptName }}</span>
</el-option>
</el-select>
</el-form-item>
到了这里，关于解决el-select回显异常 显示option选项的value 而不是显示label的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
