vue监听浏览器tab切换

Mr.Meng_95

已于 2023-03-07 12:00:45 修改

阅读量1.5k

点赞数 1

文章标签： vue.js 前端 javascript

于 2023-03-07 11:37:23 首次发布

本文链接：https://blog.csdn.net/qq_30351747/article/details/129379289

版权

vue监听浏览器tab切换

描述

监听tab切换浏览器页面，在离开当前页面和再次进来发生事件监听，类似与小程序的show函数

visibilitychange 详解

解决

created() {
    document.addEventListener('visibilitychange', () => {
      if(document.visibilityState === 'hidden') { // 离开当前tab标签
        // 离开
        console.log('那我走？我走了啊？我可真走了。。');
      } else {
        // 回来
        console.log('我又回来了，哎我就不走。。。');
      }
    })
  }