首页 > Vue >

vue的el-popover如何重新计算最新位置resize;

时间: 作者:admin 浏览:

项目中使用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()
前端新手交流群
欢迎加入web前端新手交流qq群:
734802480(已满)、 794324979

更多文章

栏目文章


Copyright © 2014-2022 seozhijia.net 版权所有-粤ICP备13087626号-4