Elementui Popover点击拖动滚动条关闭

场景

在非固定列表格中使用 Popover 弹出框,并且 el-popover中还有 Select 选择器TimePicker 时间选择器Popover 弹出框,正常点击页面的时候会同时消失,但是拖动点击非固定列的滚动条的时候不消失且不跟随表头移动,因为 Popover 默认是以 body 为基准。

解决方法

使用监听与 Popover无关的滚动条事件,模拟鼠标事件关闭它。

document.body.click()
document.dispatchEvent(new CustomEvent('mousedown'))
document.dispatchEvent(new CustomEvent('mouseup'))

用完别忘记清除监听哦

你可能感兴趣的:(elementUI,vue)