1.问题复现
2.出现原因
因为el-select的下拉框的z-index位置最高,所以在弹窗滚到一定位置时出现脱离、超出弹窗的问题,但是如果降低z-index的数值会被其他元素覆盖。
3.解决方法
监听外层元素的滚动事件,只要触发就将下拉框关闭,即设为失焦状态,就可以解决了。
代码如下:
因为el-select的下拉框的z-index位置最高,所以在弹窗滚到一定位置时出现脱离、超出弹窗的问题,但是如果降低z-index的数值会被其他元素覆盖。
监听外层元素的滚动事件,只要触发就将下拉框关闭,即设为失焦状态,就可以解决了。
代码如下: