vue+elementUI的select下拉框回显为数字问题
作者：进击的Rex.
这篇文章主要介绍了vue+elementUI的select下拉框回显为数字问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
elementUI的select下拉框回显为数字
后端传送数据给前端后，下拉框回显结果为数字！
最近遇到个问题后端返回结果后.前端双向绑定回显结果为数字.分析原因后发现是数据类型不一致导致回显异常
解决方案
把option的value转为字符类型即可
:value="dict.id+''"
解决后效果
vue下拉框回显bug
下拉框回显只能看到id 而不是对应的文字，下拉框是取字典表的数据
将Value的值使用Number包裹起来
如下示例：
<el-select v-model=""> <el-option v-for="item in cargoClassOption" :key="item.dictValue" :label="item.dictLabel" :value="Number(item.dictValue)"> </el-option> </el-select>
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。