vue项目-选项卡显示监听事件

当其选项卡的内容变得可见或被隐藏时，会在文档上触发 visibilitychange (能见度更改)事件。

visibilitychange - Web API 接口参考 | MDN

created() {
    // 浏览器切换到当前tab浏览页调用
    document.addEventListener("visibilitychange", this.visibilitychange);
    this.$once("hook:beforeDestroy", () => {
      document.removeEventListener("visibilitychange", this.visibilitychange);
    });
  },

methods:{
  visibilitychange() {
    if (document.visibilityState === "visible") {
        // 操作内容自定义
    }
  }
}