el-select框中出现数字的解决方法

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

image.png

解决方式：绑定value值的时候在前面加上冒号，

不加冒号：要匹配的值必须是字符串才能正常显示下拉框的默认值，并且选择后框内显示数字；

加冒号：会根据字段值来判断属性的类型

代码如下：

value加 :

效果如下：

正常显示

另外一种情况

下拉列表内容中的 id 为 字符串，table 中的 id 为 整型，所以会出现不匹配的情况

下拉列表内容 表格中的内容 代码 效果