vue 项目从一个浏览器页签跳转到另一个浏览器页签在切换回到第一个页签触发第一个页签的什么东西才能去调接口

爱心觉罗晓宇

已于 2024-07-29 11:38:50 修改

阅读量673

点赞数 9

文章标签： vue.js javascript 前端

于 2024-01-24 09:26:05 首次发布

本文链接：https://blog.csdn.net/qq_44716001/article/details/135813980

版权

本文介绍了如何在Vue组件中使用`window.addEventListener(focus)`监听窗口聚焦事件，并在切换到该标签时调用`fetchData`接口进行数据获取。同时，还展示了组件销毁时移除事件监听的`beforeDestroy`钩子。

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

mounted() {
  window.addEventListener('focus', this.handleWindowFocus);
},
methods: {
  handleWindowFocus() {
    // 在切换回第一个页签时执行的逻辑，例如调用接口
    this.fetchData(); // 调用接口的方法
  },
  fetchData() {
    // 调用接口的逻辑
    // 根据需要自行实现接口调用的代码
  }
},
beforeDestroy() {
  window.removeEventListener('focus', this.handleWindowFocus);
}

或者这个