526互联

关于 Vue2.0 中 element-ui@2.15.7 中使用 vue-final-modal@2.4.3 弹窗库 出现了 el-cascader 点击外部，popover不隐藏的问题

发布时间 2023-08-30 11:35:45作者: 幻世无双520

原因：
element-ui 是在 document 上通过监听 mousedown 和 mouseup 事件-来组合判断是否点击的外部【可查看 element-ui 的自定义指令 v-clickoutside】

vue-final-modal 在 .vfm__content dom 上使用 e.stopPropagation() 阻止了事件的冒泡。

解决方案：

自己手动监听 mousedown 事件-手动派发一次就好了。

document.dispatchEvent(new Event('mousedown'));