问题原因：elemrnt-ui会默认将弹出框插入至 body 元素；当设置了某个元素全屏时，会遮挡住原来的select下拉数据。
解决方法：
<el-select
v-model="value"
placeholder="区域选择"
:popper-append-to-body="false" //加入此行代码，完美解决
>VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决
2022-10-14
3389
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决
相关文章
|
存储
JavaScript
vue页面跳转取消上一个页面请求
本文介绍了在Vue中如何取消上一个页面的请求，以避免页面跳转时请求未完成导致的数据错误。核心方法是使用axios的请求拦截器设置请求的取消令牌（cancelToken），并在vuex中存储这些取消令牌的引用。当进行路由跳转时，通过路由守卫清除这些请求，达到取消上一个页面请求的目的。
520
2
2
|
8月前
|
JavaScript
前端开发
算法
|
9月前
|
JavaScript
数据安全/隐私保护
Vue Amazing UI 组件库（Vue3+TypeScript+Vite 等最新技术栈开发）
Vue Amazing UI 是一个基于 Vue 3、TypeScript、Vite 等最新技术栈开发构建的现代化组件库，包含丰富的 UI 组件和常用工具函数，并且持续不断维护更新中。另外，组件库全量使用 TypeScript，支持自动按需引入和 Tree Shaking 等，能够显著提升开发效率，降低开发成本。
562
5
10
|
10月前
|
JavaScript
安全
API
iframe嵌入页面实现免登录思路（以vue为例）
通过上述步骤，可以在Vue.js项目中通过 `iframe`实现不同应用间的免登录功能。利用Token传递和消息传递机制，可以确保安全、高效地在主应用和子应用间共享登录状态。这种方法在实际项目中具有广泛的应用前景，能够显著提升用户体验。
1354
9
9
|
JavaScript
API
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示（开发Search组件）】
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示（开发Search组件）】
206
1
1
|
JavaScript
vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法
vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法
922
49
49
|
JavaScript
Ant Design Vue UI框架的基础使用，及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板，包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
1982
3
3
|
JavaScript
前端开发
API
|
JavaScript
UED
"Vue实战技巧大揭秘：一招解决路由跳转页面不回顶部难题，让你的单页面应用用户体验飙升！"
【10月更文挑战第23天】在Vue单页面应用中，点击路由跳转时，默认情况下页面不会自动滚动到顶部，这可能影响用户体验。本文通过一个新闻网站的案例，介绍了如何使用Vue-router的全局前置守卫和`scrollBehavior`方法，实现路由跳转时页面自动滚动到顶部的功能，提升用户浏览体验。
475
0
0
|
JavaScript
索引
Vue开发中Element UI/Plus使用指南：常见问题（如Missing required prop: “value“）及中文全局组件配置解决方案
Vue开发中Element UI/Plus使用指南：常见问题（如Missing required prop: “value“）及中文全局组件配置解决方案
982
0
0
热门文章
最新文章
1
vue中的keep-alive问题（2）
2
Vue 3性能优化
3
告别脆弱：构建稳定UI自动化测试的3个核心策略
4
用脚手架创建vue项目
5
Vue3 实现一个自定义toast（小弹窗）（一）
6
一文带你吃透Vue生命周期（结合案例通俗易懂）
7
VUE实现简单的记住密码功能
8
VUE 脚手架框架 编写一个简洁的登录界面
9
聊聊Vue.js的template编译
10
Vue3 配置代理和使用全局axios请求数据
1
Selenium UI 自动化
221
2
鸿蒙开发接口UI界面：【@ohos.mediaquery (媒体查询)】
234
3
实时计算 Flink版产品使用合集之web ui能否在线管理数据source和处理数据
196
4
Xcode强大的多视图立体分层显示View UI Herarchy
171
5
Vue3+Vite+Pinia+Naive后台管理系统搭建之四：Naive UI 组件库的安装和使用
913
6
android的基础ui组件，这些知识点你会吗
199
7
android的基础ui组件，Android开发社招面试经验
145
8
【Flutter前端技术开发专栏】Flutter中的动态UI构建与数据驱动视图
451
9
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
536
10
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
565