vue如何实现小程序的onShow功能?

3,720 阅读1分钟

当其选项卡的内容变得可见或被隐藏时,会触发 visibilitychange 事件。

在vue的生命周期钩子,添加visibilitychange监听函数

mounted() {
    document.addEventListener('visibilitychange', () => {
      if (document.visibilityState === 'visible') {
        console.log('浏览器的当前页签onShow时,do something')
      }
    })
}

组件销毁时,移除visibilitychange监听函数

destroyed() {
  document.removeEventListener('visibilitychange', () => {})
}

参考文档:visibilitychange - Web API 接口参考 | MDN (mozilla.org)