当前位置: 首页 > Web前端 > vue.js

Dom元素全屏时如何让Element的select组件正常显示?

时间:2023-03-31 17:47:39 vue.js

最近在项目开发中,遇到一个奇怪的bug:在使用Element的select组件时,当Dom元素处于全屏模式时,select组件的下拉菜单消失了。奇怪的是,查看控制台,发现select组件的Dom节点居然存在。SolutionElement官方提供了一个解决方案,popper-append-to-body属性,是否将弹出框插入到body元素中。当该值为false时,即使dom元素处于全屏模式,select组件也会正常显示。示例代码下载可以复制上面的代码运行看看效果,也可以去GitHub:https://github.com/Jackyyans/code123下载,更多例子会持续更新,欢迎关注。作者:代码123