开发者社区开发与运维文章正文

VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决

2022-10-14 1837

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决

问题原因：elemrnt-ui会默认将弹出框插入至 body 元素；当设置了某个元素全屏时，会遮挡住原来的select下拉数据。
解决方法：

 <el-select
            v-model="value"
            placeholder="区域选择"
            :popper-append-to-body="false"  //加入此行代码，完美解决
          >

文章标签：

JavaScript

关键词：

UI页面

vue UI

UI el-select

VUE.js页面

VUE.js element-ui

rp54yl2b5rw2w

朝阳39

11天前

JavaScript

vue + element UI 表单中内嵌自定义组件的表单校验触发方案

朝阳39

22 5 5

朝阳39

11天前

存储 JavaScript 数据安全/隐私保护

vue实战——登录【详解】(含自适配全屏背景，记住账号--支持多账号，显隐密码切换，登录状态保持）

朝阳39

16 1 1

朝阳39

11天前

前端开发 JavaScript

零基础学 Vue + Element UI 第01步 —— 搭建开发环境、创建项目、修改默认模板、启动项目、访问项目

朝阳39

23 1 1

朝阳39

12天前

JavaScript

vue + element UI【实战】音乐播放器/语音条（内含音频的加载、控制，事件监听，信息获取，手机网页阴影的去除等技巧）

朝阳39

13 1 1

朝阳39

12天前

前端开发 JavaScript

vue + element-UI 图片压缩canvas【详解】（含完整demo）

朝阳39

18 1 1

朝阳39

13天前

Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数

朝阳39

16 1 1

朝阳39

13天前

JavaScript

element-ui 在vue中el-input输入框的autofocus属性失效【解决方案】

朝阳39

24 1 1

多多!

21天前

前端开发 JavaScript Java

SSMP整合案例第六步在前端页面上利用axios和element-ui与后端交互实现增删改

多多!

17 1 1

G佳伟

3天前

JavaScript API

【Element-UI】vue使用 this.$confirm区分取消与关闭，vue给this.$confirm设置多个按钮

G佳伟

7 0 0

爱你三千遍斯塔克

10天前

安全前端开发数据安全/隐私保护

会员系统03-前台系统UI，利用页面展示大宗农产品价格走势曲线，添加银行卡，前还要进行实名认证，密码密文，隐私安全

爱你三千遍斯塔克

13 0 0

VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决

热门文章

最新文章

相关课程

相关电子书