如何使<el-popover>的弹窗可以随屏移动。

jhell
  • 4
新手上路,请多包涵

页面添加了个<el-popover>弹窗,点击按钮出现,但是滚动页面的时候,弹窗的位置不会变,这样就和按钮错位了。可我发现官网的示例可以做到随屏移动,

我有尝试在app.vue里定义position,但是没有效果。

这是官网的示例:

<el-popover

placement="bottom"
title="标题"
width="200"
trigger="click"
content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
<el-button slot="reference">click 激活</el-button>

</el-popover>

这是我在App.vue里的定义
.el-popover {
background-color: #161626;
border: 1px solid #3c4155;
color: #efeff0;
border-radius: 4px;
position: absolute;
border-style: groove;
}

回复
阅读 6k
1 个回答
Ли Вэньлун
  • 2
新手上路,请多包涵

设置:append-to-body="false"即可

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