如何在Vue JS中添加window.addEventListener和删除window.removeEventListener

Question

我想在 vue js 文件中添加 window.addEventListener 。

 window.addEventListener('message', (event) => {
  console.log(event, ' i am here');
 });
     
     

我已将其添加到 Mounted() 函数中。

现在，我需要用破坏的方法删除它，但不知何故我无法做到这一点。

window.removeEventListener('message', (event) => {
  console.log(event, ' i am here');
});

Answer 1

我很高兴读到您想在组件销毁后清除/删除侦听器

  mounted() {
    const listener = () => {}
    const event = 'message'
    window.addEventListener(event, listener)
    this.$once('hook:destroyed', () => {
      window.removeEventListener(event, listener)
    })
  }