element-ui的Popover组件在使用的时候,如果el-popover里面的数据是动态的,有时候会出现位置偏移不在可视区域范围内的情况,主要是popper-options这个参数要设置,还请大家看看popper.js的文档,记住选着popper.js的文档哈
<el-popover
ref="dcPopover"
placement="left"
width="797"
trigger="hover"
:popper-options="{ boundariesElement: 'viewport', removeOnDestroy: true }"
@show="handleShow(scope)"
:open-delay="300"
>
boundariesElement真的很重要,记住一定要设置为viewport,默认的是body!
记住,获取到数据之后要this.$refs.dcPopover.updatePopper()一下(用来重新计算位置的)
*一定要记得this.$nextTick()等界面渲染完再计算