Vue项目使用 JS 监听浏览器刷新

最新推荐文章于 2025-06-09 17:46:31 发布

不会全栈的Tom羊

最新推荐文章于 2025-06-09 17:46:31 发布

阅读量559

点赞数

CC 4.0 BY-SA版权

文章标签： javascript vue.js 前端开发语言

本文链接：https://blog.youkuaiyun.com/qq_65388624/article/details/126101819

在Vue项目的开发过程中，有时需要在用户刷新或离开页面时执行特定操作。本文介绍如何利用`onbeforeunload`事件监听浏览器刷新，并在刷新时执行预设的方法，例如关闭某些功能或保存数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在写Vue项目的时候遇到一个需求，需使用 JS 监听浏览器刷新，执行一些方法。

mounted() {
    let _this = this;
    
    // 监听浏览器刷新
    window.onbeforeunload = () => {
              // doing
          // 监听浏览器刷新，执行一些方法
          // _this.showLyric = false;
          // console.log(_this.showLyric)
    };
  },