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

这个下拉框组件可以在v-model绑定的值等于option中value的值时，显示对应option的label

但是下面这个出了问题，显示的是1或2或3，而不是对应的label

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

经过一顿查找，发现是editParam.role_id值的类型和value的类型不一样

把它们都变成数字类型，使用v-bind绑定value属性即可进行转换

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