Vue叉号关闭网页调用方法（多用关闭后调用网络请求）

原创已于 2023-11-11 12:26:29 修改 · 870 阅读

CC 4.0 BY-SA版权

文章标签：

于 2023-10-23 16:29:12 首次发布

文章讨论了在Vue组件中如何使用`beforeDestroy`钩子与`window.closeWindows`事件解绑，以确保在关闭网站时网络接口调用不会被执行。作者提到在`mounted`阶段添加事件监听，并在`beforeDestroy`中移除，以控制资源的清理。

destroyed和beforeDestroy直接叉号关闭网站涉及网络接口调用可能不执行

使用addEventlistener添加监听事件，在beforeDestroy调用

  mounted() {
    // 创建一个关闭网页产生的回调
    window.addEventListener('closeWindows', e => this.breaks())
  }

  methods: {
    breaks(){
      //方法内容
    }
  }

  beforeDestroy() {
    window.removeEventListener('closeWindows', e => this.breaks())
  }