如图需要这种效果
组件自带的多选一般是显示第一个数据，然后其他的用数字表示
例如这种，想把这个显示改成+3应该怎么做
elementui 多选下拉框只显示个数问题
组件自带的多选一般是显示第一个数据，然后其他的用数字表示
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
嘴巴嘟嘟 2023-04-26 09:08关注里面有个插槽，和change事件，你可以根据这个做对应的处理
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-10-10 15:33在这个特定的场景中，我们关注的是Element-UI中的选择器组件——`<el-select>`，特别是如何实现多选下拉框的全选功能。在实际应用中，全选功能常用于批量操作，如用户一次性勾选多个选项进行批量删除、导出等操作。 ...
- 2025-06-20 14:23GodV_666的博客 elementUI 下拉框多选，全选，搜索
- 2022-04-24 23:28吕大娟的博客 如果不这么写，它往后端传的就是序号，应该是key和value其中的哪一个管的是给后端传的值，具体哪一个我懒得研究了。。。。。。。。。。。。
- 2024-10-29 13:30我是Superman丶的博客 【前端】ElementUi 下拉框数据分页多选跨页回显。
- 2024-01-29 17:16玖兰优Sama的博客 在el-select远程搜索中会有个回显问题，明明传入了绑定值但是却会显示不出来。
- 2023-08-01 15:49十六进制_的博客 当使用Vue进行数据绑定时，通常情况下，Vue能够自动追踪数据的变化并更新视图，这被称为"响应式系统...但在某些情况下，直接赋值一个新值给对象属性可能无法触发响应式更新，特别是对于在Vue实例创建时不存在的属性。
- 2025-07-17 16:16大战300回合的博客 作者通过自定义实现解决原生组件不支持全选的问题，主要包含三个核心方法：1) selectAll()方法通过判断已选项数量实现全选/取消全选切换；2) changeSelect()方法监控选项变更，在所有选项选中时添加"全选"...
- 2025-07-02 17:45Gzzz__的博客 摘要：ElementUI el-select多选下拉框回显后无法修改的问题，可通过两种方案解决。方案一建议在select组件添加@change="$forceUpdate()"，但可能因数据层次复杂失效。更有效的方案二采用this.$set方法赋值...
- 2020-03-30 14:33尤格萨隆丶的博客 这个下拉框的value是这种样子的【1，2，3，4】 给到数据库的时候我给他去掉了中括号变成了字符串就是这样子 1，2，3，4 所以 拿到前台的时候他依旧是个字符串 我们要把它变成一个数组 this.editForm.hospitalId = ...
- 2024-03-13 09:26摸鱼少侠梁先生的博客 这种是只有值存在的时候才会给他赋值，但是这只解决单选下拉框，多选下来框还是会。item.key是要清除校验的字段名。是表单ref的formRef。还有一种方法就是一进入页面单独将会出现校验的字段手动清除，总结原因是因为...
- 2020-07-22 09:29姑苏阿超的博客 新增时下拉框的值是个数组 也就是vlaue的值，通常都是id，传给后台就是一个数组id或者.join()传给后台一个字符串 点击编辑数据是回显了出来，但是不是我想要的效果，原因就在于.split(’,’)返回的是个字符串数组，...
- 2023-11-17 10:27一碗情深的博客 在el-select下拉框中实现多选全选的功能
- 2025-11-06 11:08星辰北海的博客 解决elementUI多选select组件回显显示value而非label的问题。当绑定的值为数组时，直接将值赋给v-model会导致显示value而非label。关键在于使用.map(Number)转换数组元素，如将赋值改为id.map(Number)即可正确显示...
- 没有解决我的问题, 去提问
问题事件
系统已结题
8月10日
已采纳回答
8月2日-
创建了问题
4月23日