vue 监听页面刷新与页面关闭事件

最新推荐文章于 2024-06-27 16:37:42 发布

原创最新推荐文章于 2024-06-27 16:37:42 发布

· 5.7k 阅读

9 ·

版权

本文介绍如何在Vue项目中使用beforeunload事件，实现页面刷新或关闭前的数据处理，包括添加和移除监听的方法。

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

解决办法

mounted(){
  //添加监听事件  
  window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
}
methods:{
  beforeunloadHandler(e){
   // todo   在页面刷新或关闭之前需要处理得操作，例如清除或保存数据
 }
},
destroyed() {
    window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
}