element-plus 滚动窗口 下拉框 跟随滚动 问题

219 阅读1分钟

c11300ea33cf4f5ca7f17861ff57a817.png

问题描述

项目开发中, 有一个弹框, 弹框中有一个表格, 表格内放着下拉框, 当展开下拉框时候, 向上滚动, 下拉框会溢出弹框, 出现类似的bug, 虽然不是什么大bug, 但是肯定会提出来的, 网上搜了很多解决方案, 有改源码的, 有监听scroll的, 不过自己都没怎么看懂, 最后还是自己通过摸索, 通过几行代码, 把下拉框的下拉菜单的样式给改了, 目前静态页面, 点测是没什么问题, 不知道到时候对接口的时候, 会不会出现新的bug, 目前是好的, 就先用着

解决方案

第一步: 在标签内写上 :teleported="false" 这个属性, 这个属性是用来代替popper-append-to-body属性的, 作用为是否将弹出框插入至 body 元素 当弹出框的位置出现问题时,你可以尝试将该属性设置为false。

code.png

第二步:

设置表格的样式

css.png

问题顺利解决