Vue - 监听页面刷新和关闭

Posted 500m

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue - 监听页面刷新和关闭相关的知识,希望对你有一定的参考价值。

一,在 created中 注册 页面刷新和关闭事件
created() {
 window.addEventListener(‘beforeunload‘, e => this.test(e))
}
 
二,事件,将你的逻辑方法加进去
methods: {
 test(e) {
  console.log(‘刷新或关闭‘)
  // ...
 }
}
三,卸载注册的事件
destroyed() {
 window.removeEventListener(‘beforeunload‘, e => this.test(e))
}

以上是关于Vue - 监听页面刷新和关闭的主要内容,如果未能解决你的问题,请参考以下文章

如何在Angular项目里监听页面关闭、跳转事件?

vue禁止浏览器F5进行刷新和监听浏览器刷新事件

js 监听浏览器刷新还是关闭事件

vue 监听浏览器关闭事件

手机端浏览器返回和物理返回的监听处理操作实战

关闭页面时怎样向后台发送消息