怎么在vue中监听窗口关闭和窗口刷新事件

这期内容当中小编将会给大家带来有关怎么在vue中监听窗口关闭和窗口刷新事件，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

成都创新互联是一家专注于网站建设、成都网站设计与策划设计,雨花网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:雨花等地区。雨花做网站价格咨询:18980820575

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))
}

上述就是小编为大家分享的怎么在vue中监听窗口关闭和窗口刷新事件了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。

名称栏目：怎么在vue中监听窗口关闭和窗口刷新事件
标题URL：https://www.cdcxhl.com/article8/jssgop.html

成都网站建设公司_创新互联，为您提供软件开发、App设计、网站设计、外贸网站建设、网站维护、关键词优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联