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

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


解决方案

el-popover 里添加下面配置


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()一下(用来重新计算位置的)
 * */ 



目录
相关文章
|
JavaScript
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
3681 0
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
|
JSON 前端开发 JavaScript
微前端项目难点解决(二)
微前端项目难点解决
1526 0
|
JavaScript
vue3的7种路由守卫使用大全
vue3的7种路由守卫使用大全
2157 0
|
小程序 Android开发 网络架构
uni-app中使用scroll-view滚到底部时多次触发scrolltolower
uni-app中使用scroll-view滚到底部时多次触发scrolltolower
1982 0
uni-app中使用scroll-view滚到底部时多次触发scrolltolower
|
自然语言处理 JavaScript
vue element plus Config Provider 全局配置
vue element plus Config Provider 全局配置
825 0
|
JavaScript
Vue自定义组件实现类似elementUI的append-to-body功能,将创建的元素插入、挂载到body上面(网页最外层),适用于父元素overflow: hidden、绝对定位fixed的场景
Vue自定义组件实现类似elementUI的append-to-body功能,将创建的元素插入、挂载到body上面(网页最外层),适用于父元素overflow: hidden、绝对定位fixed的场景
|
数据格式
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
本文介绍了在ElementUI和ElementPlus中使用`el-table`组件实现合并行功能的技巧,包括多列合并和单列合并的方法,并提供了相应的示例代码和运行效果。
10885 46
使用小技巧实现el-table组件的合并行功能,ElementUI和ElementPlus都适用
|
前端开发 JavaScript
饿了么UI中el-tree中的树节点选中高亮的两种常用方式(highlight-current属性)
饿了么UI中el-tree中的树节点选中高亮的两种常用方式(highlight-current属性)
1587 0

热门文章

最新文章