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



目录
相关文章
Element UI - el-scrollbar 如何隐藏横向滚动条?
Element UI - el-scrollbar 如何隐藏横向滚动条?
647 0
Element el-button 按钮组件详解
本文目录 1. 背景 2. 按钮分类 3. 按钮样式 4. 按钮状态 5. 按钮分组 6. 按钮尺寸 7. 小结
2971 0
Element el-button 按钮组件详解
|
JavaScript 数据格式
VUE element-ui下拉菜单el-select获取label值或value的值
VUE element-ui下拉菜单el-select获取label值或value的值
2031 0
VUE element-ui下拉菜单el-select获取label值或value的值
|
JavaScript API 前端开发
vue中对el-dialog宽度调整方法之一二
vue时,会用到el-dialog做为弹窗,但这个弹窗的宽度默认为50%.因项目中需要调整弹偿的宽度,需要设置其属性。 尝试过程如下: 方法1: 通过查找 el-dialog的官网api,查到其有宽度width的属性,设置其宽度比例即可 width="85%",但经设置后,发现没起任何作用。
7724 0
|
5月前
|
JavaScript 开发者
Element UI & Element Plus之改变表格单元格颜色
这篇文章展示了如何在Element UI和Element Plus框架中使用`:cell-style`属性来根据条件改变表格单元格的颜色。
519 0
Element UI & Element Plus之改变表格单元格颜色
|
6月前
【UI】elementui el-pagination分页位置靠右
【UI】elementui el-pagination分页位置靠右
281 0
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
497 1
element-ui里的el-table在grid布局下切换数据有滚动条时不断增加?
element-ui里的el-table在grid布局下切换数据有滚动条时不断增加?
134 0
|
容器
Element el-container 布局容器组件详解
本文目录 1. 背景 2. 全局样式 3. 布局代码 4. 增加导航菜单 5. 小结
2813 0
Element el-container 布局容器组件详解
el-tooltip快速切换元素,页面边缘产生el-tooltip,el-tooltip问题
el-tooltip快速切换元素,页面边缘产生el-tooltip,el-tooltip问题
152 0