ElementPlus中的El-Select组件，有下拉框组件，但是没有下拉列表

最新推荐文章于 2025-09-12 09:15:49 发布
原创 最新推荐文章于 2025-09-12 09:15:49 发布 · 1.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文介绍了解决Element UI中ElSelect下拉框无法显示选项的问题，原因是未正确导入ElOption组件。通过确保同时导入ElSelect和ElOption组件，可以有效解决此问题。

解决办法：

这种情况可能是因为选择了按需导入，
导入了ElSelect组件，而没有导入ElOption组件，
所以导入ElOption组件即可解决问题。
在这里插入图片描述

ElementUI2.0下拉框组件实现虚拟列表，自定义指令虚拟下拉列表
郊眠寺
10-20 3897
主要是写了一个指令，在elementUI的select组件上支持虚拟列表展示，我们在项目使用自定义指令支持下拉框的虚拟列表* 使用第三方插件实现虚拟列表* 本文实例源码* 个人比较推荐社区优秀成熟的第三方库去满足我们的业务，自己虽然手写了一个指令支持虚拟列表，但是在业务时间紧凑的情况下，肯定优先使用插件，除非插件不满足我们自己的业务需求，那么只能自己造轮子了。为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。
基于element+vue，结合el-select，自定义内置筛选框的下拉框组件
杨丫丫的专栏
09-26 694
基于element+vue，结合el-select，自定义内置筛选框的下拉框组件
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
10-18
主要介绍了vue2.0 element-ui中的el-select选择器无法显示选中的内容,在文中小编使用的是element-ui V2.2.3。具体解决方法及示例代码大家参考下本
element 下拉框不显示下拉数据的问题
m0_51865787的博客
08-08 957
解决方法:添加:popper-append-to-body="false"属性。
element-plus封装异步el-select组件二次封装（简单版本）
Jimmy的前端博客
09-12 302
老了，很多东西都会忘掉，这里算是一个笔记或者一个提醒留下来，一个是自己看，一个是需要的兄弟姐妹们看。需要额外注意的是：核心参数是modelValue，其余参数都根据自己的实际情况来。如果在组装的时候还有问题，给我留言，我给你处理，不过不白弄。另外，select组件是支持loading的，可以适当添加loading。能看到这里还没拷贝的兄弟姐妹们，必然是老鸟了。参数是：modelValue。还有就是computed。
el-select下拉框无法显示 elementplus踩坑日常
m0_58031031的博客
03-09 4862
检查是否element-plus版本过旧，至少要下载^1.0.2-beta.66 可以在package.json看到版本号。在el-select里面加入:popper-append-to-body="false"使用elementui的dropdown平替一下，这个成功解决了我的问题；如果报错是版本冲突可以用npm install --force解决。在使用el-select的时候参考了官方文档，但下拉框无法显示。安装不同版本的element-plus方式（部分适用）缺点：后续需要自己再调一下格式。
element - ui 中解决点击下拉框，不出现下拉列表问题
my_web_advanced的博客
07-28 2452
解决点击下拉框，不出现下拉列表问题
vue使用el-select下拉框自定义复选框
分享Java，vue学学习笔记
12-29 1302
这段代码创建了一个可多选的下拉框组件，通过el-select和el-checkbox-group结合的方式，实现了多个选项的选择功能。用户可以从给定的选项中选择一个或多个，并且可以通过selectChange方法实时更新已选择的值。
【关于Element UI中el-autocomplete组件】一、el-autocomplete组件添加底部固定按钮
XujiRe的博客
06-22 2997
Element UI饿了么el-autocomplete组件下拉建议值框添加底部固定按钮:popper-append-to-body使用
vue3 自定义修改elementPlus 的el-select框高度
最新发布
09-28
在Element Plus中，el-select组件的高度可以通过CSS样式来自定义。通常，我们可以通过覆盖Element Plus的默认样式来实现。 注意：由于Element Plus使用了一些内部类名，我们需要确保我们的样式能够正确覆盖，同时...
Vue3配置Element Plus：引用下拉框代码但是下拉框不显示
无面人的博客
07-18 1902
Vue3配置Element Plus：引用下拉框代码但是下拉框不显示
在用element-plus时select下拉赋值没反应
泠泠似水
09-22 1178
在用element-plus时，突然发现下拉选择没反应了，感觉好奇怪~选择后依旧空白没反应，看来命名后面也要注意一些呢~
El-Select 下拉选择无反应 无法选择
全盛
02-25 3921
场景: 已知El-Select的v-model=‘dialog.forms.roomCode’ 原因: 你在手动触发改变之前,使用了 dialog.forms.roomCode = xxx; 给v-model赋值 解决办法1: this.$set(this.dialog.forms,'roomCode ',xxx); 解决办法2: this.dialog.forms ={ roomCode: “”}; //下拉选择才有反应 原理读源码可知: 下拉选择时会触发 this.$emit('input', val
el-select 点击输入框不展示下拉框。
weixin_42923365的博客
11-03 1420
ref="selectRef" @blur="modelClick()" placeholder="请选择调查对象"添加@click.native以及@blur方法。// 不展示多选下拉框。
element-ui中的el-select下拉框选中不显示问题
weixin_46178852的博客
07-07 4742
今天在使用element-ui的el-select时出现了一个奇怪的问题，就是在做一个三级联动的功能时，我选中了市区下拉框的内容之后但是下拉框中不展示选中的label值，并且检查时控制台也没有任何代码报错日志。 关于选择城市时，下拉框不显示城市名的问题 问题原因：vue 无法监听动态新增的属性的变化，需要用 $set 来为这些属性赋值。 以上操作即可解决上述问题 ...
VUE element-ui 使用Screefull 页面全屏时el-select下拉菜单不显示（下拉框不显示无法选择）问题解决
蓝胖子的博客
04-07 2642
VUE element-ui 使用Screefull 页面全屏时el-select下拉菜单不显示（下拉框不显示无法选择）问题解决
el-select隐藏下拉框
weixin_57004793的博客
11-07 1293
el-select隐藏下拉框
Vue 当页面进入全屏状态时element-ui的el-select下拉菜单不显示问题
weixin_64482155的博客
12-13 7763
这应该也是不将弹出框插入至 body 元素之中的原因，所以就给el-select写个状态：全屏时popper-append-to-body为false,非全屏时为true。但在写完之后，发现还是不行，甚至又回到了没加popper-append-to-body的情况（全屏不显示下拉菜单）。在前两天进行页面全屏时，一切都还好好的，可当使用element-ui中的el-select时，下拉菜单却怎么也显示不出来，但只要退出全屏状态，立马就好。可随之而来新的问题产生，非全屏状态下，我的下拉菜单无法完全显示出来了！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值