el-option显示value而不是lable
1. 问题描述
想要解决的问题,后台返回为数字1,对应的文字显示不出来:
想要的效果:
2.问题分析
value应该是数值型,但我收到的是string直接用了,所以需要转换一下
我的value值是从后台拿到的,是一个string类型
下图是后台返回的数据截图,注意看红框数据类型是string
3.解决问题
修改以后的代码:
重点部分:
:value="Number(item.value)"
<el-form-item label="设备类型:" prop="type">
<el-select v-model="formEquipment.type" placeholder="请选择设备类型">
<el-option
v-for="item in equipmentType"
:key="item.label"
:value="Number(item.value)"
:label="item.label"
>
</el-option>
</el-select>
</el-form-item>