vue移除removeEventListener事件

最新推荐文章于 2023-09-17 02:26:06 发布

qq_33490620

最新推荐文章于 2023-09-17 02:26:06 发布

阅读量2.7k

点赞数 1

分类专栏： vue 文章标签： vue window js dom

本文链接：https://blog.csdn.net/qq_33490620/article/details/110368687

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在Vue组件中创建并确保在组件卸载前正确移除window的click事件监听，避免内存泄漏。关键步骤包括在mounted阶段添加事件，beforeDestroy阶段移除，并强调了方法调用的区别。

摘要由CSDN通过智能技术生成

vue移除removeEventListener事件

首先假设我们在created或者mounted添加了一个监听事件，在beforeDestroy时移除

mounted() {
	window.addEventListener("click", this.clickFun)
	/*
		这里需要注意一下，在vue里我们调用methods的方法经常使用的是this.clickFun(),
		但是在这里不需要括号，这里不需要括号，这里不需要括号
	*/
},
beforeDestroy() {
	window.removeEventListener("click", this.clickFun)
},
methods: {
	clickFun() {
		console.log("click")
	}
}