美文网首页
element-ui解决el-popover的边界重新计算元素位

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

作者: 李瑀琨 | 来源:发表于2019-02-19 19:04 被阅读0次

在项目中会遇到使用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的边界重新计算元素位

      本文链接:https://www.haomeiwen.com/subject/novfyqtx.html