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

Question

页面添加了个<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;
}

Answer 1

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