vuejs中监听窗口关闭和窗口刷新事件的方法
更新时间：2018年09月21日 15:47:48 作者：Tayshin
今天小编就为大家分享一篇vuejs中监听窗口关闭和窗口刷新事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
1、使用window.onunload之类的API
window.onbeforeunload = function (e) {
e = e || window.event;
// 兼容IE8和Firefox 4之前的版本
if (e) {
e.returnValue = '关闭提示';
}
// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
return '关闭提示';
};
2、在生命周期钩子中注册监听事件
methods: {
beforeunloadHandler (e) {
// ...
}
}
在 mounted 钩子中注册事件
mounted() {
window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
}
在 destroyed 钩子卸载事件
destroyed() {
window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
}
以上这篇vuejs中监听窗口关闭和窗口刷新事件的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了某些场景下建议vue-query代替pinia原理解析,有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了VUE如何将方法名字作为变量进行调用问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
vue项目引入百度地图BMapGL鼠标绘制和BMap辅助工具
这篇文章主要为大家介绍了vue项目引入百度地图BMapGL鼠标绘制和BMap辅助工具的踩坑分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要介绍了Vue中的ref作用详解(实现DOM的联动操作),需要的朋友可以参考下2017-08-08
vite+ts vite.config.ts使用path报错问题及解决
这篇文章主要介绍了vite+ts vite.config.ts使用path报错问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
本篇文章主要介绍了vue.js+Echarts开发图表放大缩小功能实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
vue中axios处理http发送请求的示例（Post和get）
本篇文章主要介绍了vue中axios处理http请求的示例（Post和get），这里整理了详细的代码,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
这篇文章主要介绍了vue el-table 动态添加行与删除行的实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
vue3中实现响应式数据的方法是就是使用ref和reactive,所谓响应式就是界面和数据同步,能实现实时更新,下面这篇文章主要给大家介绍了关于Vue3中ref和reactive的相关资料,需要的朋友可以参考下2023-04-04
弹窗是我们开发中经常遇到的一个功能,下面这篇文章主要给大家介绍了关于vue如何通过点击事件弹出弹窗页面的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
最新评论