vue监听浏览器tab切换

vue监听浏览器tab切换

描述

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

visibilitychange 详解

解决

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