vue 监听浏览器关闭或刷新事件

2023-12-25 15:50:06

vue 监听浏览器关闭或刷新事件

需求

web项目中使用socket时，涉及到关闭刷新浏览器多次连接问题，其中一个解决方法是在关闭或刷新浏览器时，将连接断开。

代码

<script>
export default {
	// 可以在created、beforeMount或mounted生命周期，其中一个添加
	created() {
		window.addEventListener('beforeunload', this.onBeforeunload)// 关闭窗口调用事件
	},
	methods: {
		onBeforeunload(e) {
			// 这里是你要执行的方法 比如关闭连接，清除缓存，保存数据等待
	    	....
	    },
	}
	// 只能卸载beforeDestroy中，不能写在destroyed中
	beforeDestroy() {
		// 关闭刷新浏览器销毁监听
		window.removeEventListener('beforeunload', this.onBeforeunload) // 关闭窗口销毁
	},
}


</script>

文章来源:https://blog.csdn.net/xuelong5201314/article/details/135157710
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。