AI 助理
备案控制台登录注册
开发者社区 云计算 文章 正文

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

2023-01-05 1147 发布于山东
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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 值；


游客6w5iiviqxobva
+关注
78文章
目录
打赏
0
0
0
0
3
分享
相关文章
dashuaigehh
vue3使用vue-clipboard3复制到剪切板
vue3使用vue-clipboard3复制到剪切板
dashuaigehh
3271 0
Ethan_Zhou
|
JavaScript 前端开发 C#
Select 下拉框切换拦截的三种方案｜【Proxy】
Select 下拉框切换拦截的三种方案｜【Proxy】
Ethan_Zhou
2005 0
博客zhu虎康
|
JavaScript
Element_select 选择器 选中框中显示不了选中的值
解决Vue中`el-select`选择器不显示选中值的问题：在`selectChanged`方法中添加`this.$forceUpdate()`，强制组件更新，使输入框显示选择的值。示例代码包括模板和方法。
博客zhu虎康
1167 2
whuer凌晨
|
JavaScript API C++
Vue项目中的文件/文件夹命名规范
文件或文件夹的命名遵循以下原则： index.js 或者 index.vue，统一使用小写字母开头的(kebab-case)命名规范 属于组件或类的，统一使用大写字母开头的(PascalCase)命名规范 其他非组件或类的，统一使用小写字母开头的(kebab-case)命名规范 1.
whuer凌晨
17429 0
朝阳39
Element UI 数字输入框的实现
Element UI 数字输入框的实现
朝阳39
345 0
朝阳39
|
JavaScript
vue 打印vue-print-nb
vue 打印vue-print-nb
朝阳39
463 0
北原_春希
|
移动开发 JavaScript 前端开发
JS中页面跳转的几种方法
JS中页面跳转的几种方法
北原_春希
1495 2
a15034260562-24955
|
JavaScript
vue中如何使用vi-for限制遍历的条数？只查询前三条、查询4-6条怎么实现？
vue中如何使用vi-for限制遍历的条数？只查询前三条、查询4-6条怎么实现？
a15034260562-24955
489 1
爱你三千遍斯塔克
|
前端开发
若依修改，配置了一个接口路径出现了，如何放通接口{ “msg“: “请求访问：/code/list，认证失败，无法访问系统资源“, “code“: 401}
若依修改，配置了一个接口路径出现了，如何放通接口{ “msg“: “请求访问：/code/list，认证失败，无法访问系统资源“, “code“: 401}
爱你三千遍斯塔克
3192 0
蓝易云
|
JavaScript
vue常用正则表达式判断身份证格式
这两个正则表达式分别用于验证18位和15位身份证号码。请注意，正则表达式只能用于初步验证身份证格式是否正确，不能验证身份证号码是否真实有效。在实际应用中，还需要进行进一步的校验，例如校验身份证的校验位等。
蓝易云
490 0

热门文章

最新文章

  • 1
    DBSCAN聚类算法原理及其实现
    8893
  • 2
    PostgreSQL 字符串 collate 与排序 源码分析
    9
  • 3
    波形设计 |带你读《5G空口特性与关键技术》之四
    23
  • 4
    python类型错误（TypeError)
    6
  • 5
    性能翻倍，英伟达最强消费级显卡RTX 3090出炉：半价买泰坦
    2
  • 6
    世界最长穿越沙漠高速全线通车，千里戈壁信息之路有锐捷！
    1
  • 7
    没什么能阻止无人机行业的投资了
    850
  • 8
    Java中创建操作文件和文件夹的工具类
    1
  • 9
    与老大的交谈——估算项目时间
    1
  • 10
    Processes in EWM
    1
  • 1
    快速部署自己私有MQTT-Broker-下载安装到运行不到一分钟，快速简单且易于集成到自己项目中
    38
  • 2
    如何利用Python杀进程并保持驻留后台检测
    25
  • 3
    保姆级教程：跟虚竹哥用Gemini-2.5-pro，一步搞定任何内容的思维导图，国内直接使用
    24
  • 4
    网格编码调制tcm8psk 卷积码与8PSK调制的联合处理
    95
  • 5
    WGLOG日志管理系统可以采集网络设备的日志吗
    12
  • 6
    【APIM】分享APIM策略用于检查请求实体(Request Body Size)大于50MB直接返回提示信息
    91
  • 7
    RFID技术在停车场车辆智能管理中的应用
    23
  • 8
    如何在 Elasticsearch 中构建你的智能 AI 助手？
    113
  • 9
    Android API Level 到底是什么？和安卓什么关系？应用发布如何知道自己的版本？优雅草卓伊凡
    46
  • 10
    在Golang中序列化JSON字符串的教程
    23

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    【案例实战】SpringBoot整合阿里云文件上传OSS
    目录
    AI助理

    你好，我是AI助理

    可以解答问题、推荐解决方案等

    登录插画

    登录以查看您的控制台资源

    管理云资源
    状态一览
    快捷访问
    快捷注册登录阿里云