切换tab页签事件

在 vue3+ts 项目中遇到了这么一个问题，在一个 A 页面中又新打开一个 webview 页面，新需求是在每次回到 A 页面就调用接口刷新数据，正常来说没次进入 A 页面都会执行他的生命周期，这种情况并没有，那么推理到 打开新的 webView 页面后，A 页面并没有被销毁，，那么此时就在猜想想要监听到用户动作就想到了 浏览器的监听 dom 切换 tab 标签

// 操作的事件

const dom = () => {
  // 用户息屏、或者切到后台运行（离开页面）if (document.visibilityState === 'hidden') {console.log('页面隐藏')
  }
  // 用户打开或回到页面
  if (document.visibilityState === 'visible') {
    // 重新获取数据
    getInfo()
    console.log('页面可见')
  }
}

onMounted(() => {document.addEventListener('visibilitychange', dom)
})

//  解绑事件
onUnmounted(() => {document.removeEventListener('visibilitychange', dom)
  console.log('卸载事件');
  
})