el-popover弹出层显示

最新推荐文章于 2025-06-12 09:18:33 发布

嗨呀李子木

最新推荐文章于 2025-06-12 09:18:33 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

文章标签： vue

本文链接：https://blog.youkuaiyun.com/m0_54934841/article/details/113248984

本文介绍如何使用el-popover组件并设置popper-options属性来调整弹出层在浏览器视口中的位置，确保弹窗能够正确展示且不会被浏览器边缘遮挡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-popover组件初次打开弹出层显示的位置问题

加上-:popper-options="{ boundariesElement: ‘viewport’,removeOnDestroy: true, }"

   <el-popover
                  placement="top"
                  trigger="click"
                  :popper-options="{
                    boundariesElement: 'viewport',
                    removeOnDestroy: true,
                  }"
                >
                </el-popover>