transform 导致element-ui popper.js计算出错包括el-select,el-cascader,TimePicker 等等

1,080 阅读1分钟

项目里加了百分比缩放,用的ui组件是element发现许多因为popper.js计算出错定位问题

image.png
对于el-select比较简单的方式就是每个下拉加上 :popper-append-to-body="false"

image.png

el-dropdown,el-cascader,el-popover组件的话文档没有说明,不过阅读源代码可知解决方式都是一样的
:appendToBody="false" 注意要在父级元素上加上绝对定位,不然可能不生效
再通过:popper-class="class" class{margin-left: 20px;} 或者 offset来调整弹窗位置 image.png