修改组件el-select默认展示id不展示label

最新推荐文章于 2024-08-22 10:05:57 发布
最新推荐文章于 2024-08-22 10:05:57 发布
阅读量1.6k 收藏
点赞数 1
文章标签： vue.js javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47733490/article/details/120063226
版权

前端开发 数据绑定 类型匹配 JSON 问题修复
关键词由CSDN通过智能技术生成

项目中有修改组件，点击获取到表单的数据，但是有一个下拉框展示的是id而不是name

看了半天代码，双向绑定和传值都没问题，查了半天资料最后发现是后端传给我的id字段和前端的id类型不同，一个是字符串一个是number，返回的数字和el-option选框里的value值类型对应不上

 

 

解决办法：将v-for遍历的数组中id字段都改成number类型

修改前：

 

修改后：

 

修改后页面正常显示：

 

刘大气
关注
el-select在改变value之后，没有渲染名称，显示的是id
flyaway0624的博客
06-19 1991
1.这里是因为下拉框里option使用了v-if来显示是否显示该选项 <el-select v-if="ruleForm.mergerToSelect!=='3'" filterable remote :remote-method="remoteMethod" :loading="loading" v-model="ruleForm.mergerToSelectId" v-el-select-loadmore="handleLoadmore" :placeholder="langs.choice
el-select下拉框内展示el-tree结构
qq_45110882的博客
07-19 2128
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
el-select选项值不显示lable值，显示value值
weixin_43916677的博客
09-01 949
00
el-select默认选中 显示的是id 不是汉字
weixin_50899360的博客
08-11 1492
el-select回显 默认选中 显示id
如何解决select下拉框回显是id的问题
最新发布
m0_71207979的博客
08-22 343
思考：在回显的时候在carlist中找到对应的数据，把manageForm.carEmissionType回显的值变为carList中的value值，再通过a-select-option中对应的label显示不就行了！但是回显的是一个value（是一个id） 试过给接口中的value手动改为label 但是这样的话在不点击时保存给后端穿的就是改变后的label而不是想要的id。这里后端接口只给了个id 点击操作中的编辑 在下面的弹出框中回显。
el-tree-select、el-select 回显name值不对，显示的是id的值（回显应该是name，结果显示id）
qq_39882537的博客
01-22 1433
回显应该是name，结果显示id。
element el-select 默认label展示
josiecici的博客
07-13 1436
效果： 代码： 核心代码： v-model="region"
vue解决el-select下拉框显示ID不显示label问题
goldsmith的博客
03-11 1426
vue解决el-select下拉框显示ID不显示label问题
解决el-table表格下select框数据回显id问题
qq_42241873的博客
09-03 4566
解决el-table表格下select框数据回显id问题 其实之前是有遇到类似问题，但是没有做总结，一时半会儿遇到重复的问题也想不出是什么原因导致的，现在做个总结，提出原因且给出解决方案； 截图只是简单描述一下bug； 之所以更改首条数据会影响到下条数据的id回显或者更改下条数据会影响到首条数据id回显i就是因为它们没有针对当前行的数据去取值和拿值，所以解决方案就是：拿到表格当前行数据，对当前行数据进行数据更新 废话不多说，上代码： <el-table-column label="建议
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
在Vue.js框架中，Element-ui库提供了一套丰富的UI组件，其中包括用于创建下拉框的`el-select`组件。在实际开发中，我们可能需要在用户改变选择时获取额外的信息，比如当前行的数据或者自定义的属性。本文将详细介绍...
记一次el-select的label不显示问题
Suk__的博客
05-04 1095
这里要用visible-change事件记录下拉框当前是打开还是关闭状态,只有打开的时候才进行去重,否则删除层后其他的label会对不上就只显示value了
vue中el-select无法显示默认选中值的name，直接显示值value
小白求学进阶
04-18 6935
一、背景 在写项目的过程中，突然发现el-select这个组件，绑定的值没办法显示name，而是直接显示value。在编辑项目的弹框中，要显示项目绑定了哪个数据库（项目外连数据库表主键ID），结果发现直接把关联数据库的ID显示了出来，这与我的设想不一致，因此来找找是什么问题 二、解决 有问题的，有文档的当然第一时间去看文档，一看数据类型是string。 value-key 作为 value 唯一标识的键名，绑定值为对象类型时必填 数据类型strin
el-select 同时让label和id显示
qq_35011890的博客
04-15 656
关于el-select选择器同时拿到id value和label
el-cascader通过jsx方式渲染时，下拉框数据及横向箭头已显示，但是label出不来。
MM_20211102的博客
09-14 543
jsx方式渲染el-cascader组件时，props传递不当，会导致下拉框数据无法显示
关于element-UI的el-select下拉框数据回填显示的id问题
SYXZSs的博客
01-25 8029
关于element-UI的el-select下拉框数据回填显示的id问题 问题如图： 三个form-item都是使用el-selece，但是责任人一栏却显示为id 问题情况 是后台返回的数据类型的原因。 我在接口获取的function里 循环责任人的id，打印类型为number。此时以这样的情况可以判断为id应该属于String类型。 如下图：我使用map更改原数组，使其id转为String再重新赋值给id。整个数组再赋值给空数据，这样再绑定el-select就不会出现数据回填显示id的情况了！
vue使用el-select el-option失效 不显示名称 还是显示原数据
Nothing is impossible to a willing heart.
11-30 821
el-option视图并没有显示名称，还是显示了原数据。
el-select下拉框数据列表没有对应的数据，但后端把没有在下拉框的id数据传过来，导致数据回显时，部分显示不出来，不能回显的数据需要隐藏
weixin_45755709的博客
12-19 900
el-select下拉框数据列表没有对应的数据，但后端把没有在下拉框的id数据传过来，导致数据回显时，部分显示不出来，不能回显的数据需要隐藏
elementUI选择器数据回显问题——展示value而不展示label
weixin_46709512的博客
05-26 1883
问题：elementUI选择器数据回显问题——展示value而不展示label 这种情况下，如果保证逻辑数据都没问题的话，一般是数据类型有问题。 选择器定义的el-option中的value值是number类型，然而我们获取到的数据是string类型 这样会导致我们数据回显时展示的是所谓的value，手动更改选项后又可以正常显示label 以上就是问题的整理与描述解析，如有其他疑惑可在评论区留言~ ...
在element-ui的el-tree组件中用render函数生成el-button的实例代码
10-17
总的来说，本文通过实例代码向读者展示了如何在el-tree组件中利用render函数动态地在每个树节点上生成一个el-button按钮，这一操作涉及到Vue.js的虚拟DOM的概念以及Element UI组件的使用。对于希望在树形控件中添加...
el-select 默认值显示value不显示label问题
weixin_34403976的博客
09-27 9410
el-select 默认值显示value不显示label问题 在做编辑页面时 需要取到列表项数据回显默认值 在做select回显的时候遇到了这个问题 明明拿到的值和value中的值一样 但是就是不转换成label 这种情况一般出现在value为数字的情况 原因是 返回的数字和el-option选框里value值的类型对应不上 一个是 Numer 一个是 String 所以就不转换了 检查一下统一类...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值