el-select 数据回显,只显示value不显示lable

简介: el-select 数据回显,只显示value不显示lable

主页面

20210527153548522.png

点击actions,把当前VIPGrade ID传过去

20210527153548522.png

这个时候我们可以看到,select List是有数据的,但是为什么只显示value,并没有显示label呢?

20210527153548522.png

这个时候我们打印一下,从主页面传入的 id 是什么类型,再看一下我们的 list 里面的id是什么类型

20210527153548522.png

通过控制台我们可以看到,主页面传入的id 是String类型的,而我们 list 的 VIPGraded 是Number类型的,看到这里我们就知道原因了;

20210527153548522.png

我们在数据回显 重置的我们 VIPGradeID 的时候,把类型转换一个即可

再看效果图

20210527153548522.png

此时我们已经看到,数据回显时,就可以绑定上对应的 ID 值,并且显示对应的Label 值;


相关文章
深入探究Camunda加签问题
camunda加签的两种方式
3998 0
|
网络协议 Windows
两步带你解决IDEA 插件下载安装慢、超时、不成功问题
这篇文章提供了解决IDEA插件下载慢或超时问题的方案,通过查找国内插件节点IP地址并修改本地hosts文件来加速下载。
两步带你解决IDEA 插件下载安装慢、超时、不成功问题
|
小程序
微信小程序如何实现进入小程序自动连WiFi功能
微信小程序如何实现进入小程序自动连WiFi功能
1066 0
|
JavaScript 测试技术 数据库
基于 SpringBoot+Vue 的在线考试系统的研究与实现(附源码,教程)
基于 SpringBoot+Vue 的在线考试系统的研究与实现(附源码,教程)
|
前端开发
修改Ant Design 按钮的样式
修改Ant Design 按钮的样式
1751 0
|
JavaScript
Vue3使用全局函数或变量的两种常用方式
这篇文章介绍了Vue 3中实现全局函数或变量的两种方法:一种是使用`provide/inject`进行依赖注入,另一种是利用`app.config.globalProperties`和`getCurrentInstance()`来注册全局属性。
2490 2
Vue3使用全局函数或变量的两种常用方式
|
JSON 前端开发 Java
深入理解 Spring Boot 中日期时间格式化:@DateTimeFormat 与 @JsonFormat 完整实践
在 Spring Boot 开发中,处理前后端日期交互是一个常见问题。本文通过 **@DateTimeFormat** 和 **@JsonFormat** 两个注解,详细讲解了如何解析前端传来的日期字符串以及以指定格式返回日期数据。文章从实际案例出发,结合代码演示两者的使用场景与注意事项,解决解析失败、时区偏差等问题,并提供全局配置与局部注解的实践经验。帮助开发者高效应对日期时间格式化需求,提升开发效率。
4483 2
|
JavaScript 前端开发 数据处理
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)
【React/Vue2】 使用Element UI 高度封装Select 下拉框创建条目(Ant Design更为简单)

热门文章

最新文章