ElementUI中的el-select显示的不是对应label值

这个下拉框组件可以在v-model绑定的值等于option中value的值时，显示对应option的label
但是下面这个出了问题，显示的是1或2或3，而不是对应的label

1. <el-select v-model="editParam.role_id" placeholder="请选择角色身份">
2.   <el-option label="普通用户" value="1"></el-option>
3.   <el-option label="前台" value="2"></el-option>
4.   <el-option label="管理员" value="3"></el-option>
5. </el-select>

复制代码

经过一顿查找，发现是editParam.role_id值的范例和value的范例不一样
把它们都变成数字范例，使用v-bind绑定value属性即可进行转换

1. <el-select v-model="editParam.role_id" placeholder="请选择角色身份">
2.   <el-option label="普通用户" :value="1"></el-option>
3.   <el-option label="前台" :value="2"></el-option>
4.   <el-option label="管理员" :value="3"></el-option>
5. </el-select>

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。