element-ui 里 el-popover 位置发生偏移

解决方案

el-popover 里添加下面配置

:popper-options="{ boundariesElement: 'viewport', removeOnDestroy: true }"
<el-popover ref="popover" placement="top" trigger="hover"
:popper-options="{ boundariesElement: 'viewport', removeOnDestroy: true }">
    <span slot="reference">测试</span>
</el-popover>
/**
 * boundariesElement 默认的是body!
 * 如果里面数据动态化之后有问题,需获取到数据之后要
 * this.$refs.popover.updatePopper()一下(用来重新计算位置的)
 * */ 
上一篇:ElEmentUI选择器弹出框定位错乱问题解决(弹出框出现在左上角)


下一篇:javascript – Bootstrap 3 Popover箭头和框定位