const clickOutSide = {
bind(el, binding, vnode) {
// 指令绑定的元素外的点击事件
function documentClick(e) {
// 判断点击是否发生在el之外
if (!(el === e.target || el.contains(e.target))) {
// 如果发生在外部,执行绑定的方法
binding.value(e);
}
}
// 在document上添加点击事件监听
document.addEventListener('click', documentClick);
// 设置一个标记,为了在组件销毁时移除事件监听
el.__click_outside__ = {
documentClick,
};
},
unbind(el) {
// 当指令被解绑时,移除事件监听
document.removeEventListener('click', el.__click_outside__.documentClick);
delete el.__click_outside__;
},
}
vue指令-点击其他区域关闭dom
最新推荐文章于 2024-07-22 14:45:24 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)