问题原因：elemrnt-ui会默认将弹出框插入至 body 元素；当设置了某个元素全屏时，会遮挡住原来的select下拉数据。
解决方法：
<el-select
v-model="value"
placeholder="区域选择"
:popper-append-to-body="false" //加入此行代码，完美解决
>VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决
2022-10-14
2347
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决
相关文章
|
4月前
|
JavaScript
Ant Design Vue UI框架的基础使用，及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板，包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
529
3
3
|
5月前
|
JavaScript
vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法
vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法
300
49
49
|
3月前
|
JavaScript
索引
Vue开发中Element UI/Plus使用指南：常见问题（如Missing required prop: “value“）及中文全局组件配置解决方案
Vue开发中Element UI/Plus使用指南：常见问题（如Missing required prop: “value“）及中文全局组件配置解决方案
222
0
0
|
5月前
|
JavaScript
前端开发
安全
|
5月前
|
JavaScript
开发者
UED
Vue.js组件库大对决：Element UI与Vuetify，开发者的罗密欧与朱丽叶！
【8月更文挑战第30天】Element UI和Vuetify是Vue.js开发中的热门组件库，前者简洁高效，后者遵循Material Design，国际化程度高。两者均提供丰富的组件支持，但Vuetify组件更多样，设计更灵活；Element UI在性能和中文支持上更优。文档方面，Element UI更直观易懂，而Vuetify配置灵活但学习成本稍高。选择时需综合考虑项目需求、团队背景及设计风格，以达到最佳开发效果。
266
0
0
|
5月前
|
JavaScript
前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤，以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框，在输入时对列表选项进行过滤，并支持右键点击列表选项弹出菜单进行删除的功能。
129
0
0
|
5月前
|
JavaScript
容器
Vue+Element UI
该博客文章介绍了如何在Vue中集成Element UI来构建后台管理系统的左侧菜单，包括使用`el-menu`、`el-submenu`和`el-menu-item`等组件，并通过Vue router动态构建菜单项及其路由设置。
107
0
0
|
6月前
|
JavaScript
|
6月前
|
存储
JavaScript
数据安全/隐私保护
vue实战——登录【详解】(含自适配全屏背景，记住账号--支持多账号，显隐密码切换，登录状态保持）
vue实战——登录【详解】(含自适配全屏背景，记住账号--支持多账号，显隐密码切换，登录状态保持）
81
1
1
|
6月前
|
JavaScript
API
【Element-UI】vue使用 this.$confirm区分取消与关闭，vue给this.$confirm设置多个按钮
【Element-UI】vue使用 this.$confirm区分取消与关闭，vue给this.$confirm设置多个按钮
868
0
0
热门文章
最新文章
1
Vue3中v-model在处理自定义组件双向数据绑定时有哪些注意事项？
2
Vue 3 中 v-model 与 Vue 2 中 v-model 的区别是什么？
3
基于VUE的校园二手交易平台系统设计与实现毕业设计论文模板
4
在 Vue 3 中，如何使用 v-model 来处理自定义组件的双向数据绑定？
5
Vue3中使用provide/inject来避免v-model的循环引用
6
Vue3中v-model在处理自定义组件双向数据绑定时，如何避免循环引用？
7
除了provide/inject，Vue3中还有哪些方式可以避免v-model的循环引用？
8
「Mac畅玩鸿蒙与硬件41」UI互动应用篇18 - 多滑块联动控制器
9
「Mac畅玩鸿蒙与硬件40」UI互动应用篇17 - 照片墙布局
10
「Mac畅玩鸿蒙与硬件45」UI互动应用篇22 - 评分统计工具
1
Qt第一课 第一个ui界面
111
2
如何启动flowable的Flowable UI画工作流程图
135
3
Element-ui快速入门
87
4
VUE里修改element-ui的显示层次与上下间隔
148
5
UI开发第四篇——实现像handcent sms或者chomp sms那样的气泡
45
6
Element-ui快速入门
103
7
如何使用公网地址远程访问内网Nacos UI界面查看注册服务
472
8
Android UI底层绘制原理
70
9
【Flutter前端技术开发专栏】Flutter中的动态UI构建与数据驱动视图
211
10
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
247