Vue项目中如何正确移除window.addEventListener绑定的事件监听？

本文共计502个文字，预计阅读时间需要3分钟。

目录+销毁window.addEventListener事件监听+window.addEventListener监听scroll事件+解决方案+使用throttle解决的新问题+后代代码+销毁window.addEventListener事件监听+今日在项目中组件中调用的过程

目录

• 销毁window.addEventListener事件监听
• window.addEventListener监听scroll事件
• 解决办法
• 使用throttle出现的新问题
• 最后代码

销毁window.addEventListener事件监听

今天在做项目的过程中，组件中调用iframe时，由于在组件的created方法中写了监听，用于接收iframe发来的信息，但是在组件销毁的时候并没有去掉监听，导致组件创建几次，监听方法就会执行几次，特此记录

created() {     window.addEventListener('message', this.receiveMessage, false)   },

beforeDestroy() { // 在组件生命周期结束的时候销毁。