您的位置:首页 > 产品设计 > UI/UE

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

2020-02-16 22:44 726 查看

我们想到得到的是下面的效果:

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

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

但是 还有一种情况就是 :

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

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

  • 点赞
  • 收藏
  • 分享
  • 文章举报
qq_19509799 发布了0 篇原创文章 · 获赞 0 · 访问量 1844 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: