项目中使用el-popover时,由于浮层内容不一定是静态的,会在浮层出现之后再加载显示,这个时候el-popover宽高已经发生变化,相对原来参照物的位置会发生错位,需要重新计算位置数据;方法其实很简单,在执行代码的最后执行如下方法即可:
<el-popover
placement="top-start"
title="标题"
width="200"
trigger="click"
content="内容"
ref="popover"
>
<el-button slot="reference">快捷意见</el-button>
</el-popover>
其实最经常的问题是在数据加载完时,发现el-popover浮层超出了屏幕之外,导致看不到全部内容,这个时候需要重新计算popover的位置,进行反转,执行这个方法即可:
this.$refs.popover.updatePopper()