关于 addEventListener 在 vue3 项目中使用,遇到的bug
遇到bug很烦躁,所以希望读到这个文章的你看到这个片太阳花,心情能好起来哈~
·
重点是要记得清空它,如果你触发监听是某个 div 还好,但是如果是 document,那整个 DOM 一直都在监听,不会销毁,会触发好多奇怪的 bug,
(别问我怎么知道,蓝瘦香菇)
onMounted(() => {
nextTick(() => {
mouseUpLisenter();
});
});
function mouseUpLisenter() {
document.addEventListener('mouseup', dosome);
}
function dosome(event: any) {
//在鼠标抬起时要做的一些操作
return false;
}
onBeforeUnmount(() => {
document.removeEventListener('mouseup', dosome);
});
鼠标事件其实第二种写法
document.onmouseup = function (e) {
//做些你的处理,然后置为 null 就是清除绑定了
document.onmousemove = null;
document.onmouseup = null;
};
更多推荐
已为社区贡献2条内容
所有评论(0)