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弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
3716 0
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
|
JSON 前端开发 JavaScript
微前端项目难点解决(二)
微前端项目难点解决
1586 0
|
小程序 Android开发 网络架构
uni-app中使用scroll-view滚到底部时多次触发scrolltolower
uni-app中使用scroll-view滚到底部时多次触发scrolltolower
2040 0
uni-app中使用scroll-view滚到底部时多次触发scrolltolower
|
JavaScript
vue3的7种路由守卫使用大全
vue3的7种路由守卫使用大全
2201 0
|
自然语言处理 JavaScript
vue element plus Config Provider 全局配置
vue element plus Config Provider 全局配置
862 0
|
JavaScript
Vue自定义组件实现类似elementUI的append-to-body功能,将创建的元素插入、挂载到body上面(网页最外层),适用于父元素overflow: hidden、绝对定位fixed的场景
Vue自定义组件实现类似elementUI的append-to-body功能,将创建的元素插入、挂载到body上面(网页最外层),适用于父元素overflow: hidden、绝对定位fixed的场景
|
前端开发 JavaScript
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
3319 9
在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
本文介绍了如何在Vue3项目中使用`vue3-seamless-scroll`插件实现无缝滚动效果,并提供了详细的示例代码和运行效果。
9226 0