Vue监测标签页关闭（非刷新）

  • Z时代
  • 2024-02-27
  • 分类：IT

Vue监测标签页关闭（非刷新）

问题描述

Vue中实现关闭标签页前向其他页面发送消息时需监听页面关闭操作

相关代码

created() {
            window.addEventListener('beforeunload', this.beforeunloadHandler)
            window.addEventListener('unload', this.unloadHandler)
        },
beforeDestroy() {
          window.removeEventListener('beforeunload', this.beforeunloadHandler)
          window.removeEventListener('unload', this.unloadHandler)
        },
methods: {
            beforeunloadHandler(){
             // 可能不会支持全部浏览器
              this.beforeUnload_time = new Date().getTime();
            },
            unloadHandler(){
              this.gap_time = new Date().getTime() - this.beforeUnload_time;
              //判断是窗口关闭
              if(this.gap_time <= 5){
                // 页面关闭前的逻辑
              }
            },
}

在网上搜索到这样的逻辑，但发现偶尔监测不到页面关闭，不知道大家有没有遇到这种问题？
对页面关闭的监听还有什么有效方法吗？？

以上是 Vue监测标签页关闭（非刷新） 的全部内容， 来源链接： utcz.com/p/937109.html

回到顶部