项目经常会遇到select选择器中字符串与数字的显示问题,el-select 默认以字符串进行匹配,现实情况中后端经常存整型,el-select 默认会原样输出,效果如下:

image.png
解决方式:绑定value值的时候在前面加上冒号,
不加冒号:要匹配的值必须是字符串才能正常显示下拉框的默认值,并且选择后框内显示数字;
加冒号:会根据字段值来判断属性的类型
代码如下:

value加 :
效果如下:

正常显示
另外一种情况
下拉列表内容中的 id 为 字符串,table 中的 id 为 整型,所以会出现不匹配的情况

下拉列表内容

表格中的内容

代码

效果