element-ui select popper超出弹框问题
发布时间
阅读量:
阅读量
当前所面临的具体情境描述如下:

尝试了多种解决办法,例如从下拉框el-popper的fixed定位入手,调整popper-append-to-body属性,或者修改z-index值。在查阅源码之后,又尝试通过监听表格滚动事件并调用this.$refs.table.handleClose()来关闭popper,但这些方法均未能实现预期效果。随后参考了网络上的一些解决方案,发现与我之前尝试的思路类似,仅能在拖动滚动条停止时让popper消失,而滑动鼠标滚轮则无法触发该效果。最终只能直接修改源码中visible属性以关闭popper,具体解决方式如下:
解决方法概述
1、首先将element-ui库中的select.vue文件独立提取出来,并在其基础上添加自定义代码(同时需要调整相应的导入路径),从而构建出新的组件Select.vue。
具体修改内容包括:
(1) 对原有源码中的import路径进行相应调整
import Emitter from 'element-ui/src/mixins/emitter';
import Fo
全部评论 (0)
还没有任何评论哟~
