vue3页面中某个元素全屏后,下拉框无法显示?

问题描述:
vue3使用useFullscreen让页面中的某一元素全屏,元素下包裹的下拉框无法显示,取消全屏能显示
image.png
image.png

阅读 4.9k
1 个回答
✓ 已被采纳

无法显示是因为element默认是将下拉框插入body中,全屏元素不在body中,所以盖住没法显示,通过属性设置改变下拉框插入的地方就能解决问题。
element ui的select组件可以用 popper-append-to-body='false' 解决
element plus的select组件可以用 teleported='false' 解决

推荐问题