当其选项卡的内容变得可见或被隐藏时,会触发
visibilitychange事件。
在vue的生命周期钩子,添加visibilitychange监听函数
mounted() {
document.addEventListener('visibilitychange', () => {
if (document.visibilityState === 'visible') {
console.log('浏览器的当前页签onShow时,do something')
}
})
}
组件销毁时,移除visibilitychange监听函数
destroyed() {
document.removeEventListener('visibilitychange', () => {})
}