0
点赞
收藏
分享

微信扫一扫

vue自定义指令-点击元素外部


Vue.directive('clickOutside', {
beforeMount (el, binding, vnode) {
function documentHandler (e) {
if (el.contains(e.target)) {
return false;
}
binding.value(e);
}
el.__vueClickOutside__ = documentHandler;
document.addEventListener('click', documentHandler);
},
unmounted (el, binding) {
document.removeEventListener('click', el.__vueClickOutside__);
delete el.__vueClickOutside__;
}
});


举报

相关推荐

0 条评论