element-ui的el-select如何不显示value,显示value对应的label值

我们想到得到的是下面的效果:element-ui的el-select如何不显示value,显示value对应的label值_第1张图片

现在遇到问题 效果是这样的:

element-ui的el-select如何不显示value,显示value对应的label值_第2张图片

调试发现 是value的格式存在问题,数据库读取到的数据不一定为number类型
需要自己转换一下
代码如下即可

但是 还有一种情况就是 :

此时在赋值时候 应该使用String

this.readValue = ‘1’ // 此处数字1 可以替换成接口读取的内容 在内容未知情况下用String转换即可
this.form.select = String(this.readValue) // 通过String将类型转换
总结 显示不正常 多数是由于得到的数据类型对应不上表单操作的数据类型 进行相应转换即可

你可能感兴趣的:(element-ui的el-select如何不显示value,显示value对应的label值)