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' 解决

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题