element-ui解决el-popover的边界重新计算元素位置的问题

在项目中会遇到使用el-popover但是却不想要原生的边界重新计算元素的位置,比如:

想要的展示

当浏览器滚轮向下

自动重新计算元素的位置后

如果我不想要有自动重新计算元素的位置,怎么办呢?

1、解决问题的第一步当然是去element上去看官方文档了

浏览popover组件的Attributes后我发现了这个popper-options属性

popper.js

进到popper.js里面,用chrome翻译一下

boundariesElement

找到了可以控制改组件行为的属性 boundariesElement,默认‘viewport‘是可视部分为边界,我这里改为‘body’

boundariesElement写法
解决后

这样这个问题就解决了

2、如果官方文档还是不能帮助你解决问题

百度和github可以帮到你,翻墙的同学可以去stackoverflow逛逛

你可能感兴趣的:(element-ui解决el-popover的边界重新计算元素位置的问题)