vuejs中监听窗口关闭和窗口刷新事件的方法


Posted in Javascript onSeptember 21, 2018

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中监听窗口关闭和窗口刷新事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript中获取未知对象属性的代码
Apr 27 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
js+div实现图片滚动效果代码
Feb 10 Javascript
javascript实时显示当天日期的方法
May 20 Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 Javascript
易被忽视的js事件问题总结
May 14 Javascript
JavaScript中两个字符串的匹配
Jun 08 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
jQuery Plupload上传插件的使用
Apr 19 jQuery
React 源码中的依赖注入方法
Nov 07 Javascript
js禁止查看源文件屏蔽Ctrl+u/s、F12、右键等兼容IE火狐chrome
Oct 01 Javascript
vue集成百度UEditor富文本编辑器使用教程
Sep 21 #Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 #Javascript
vue 弹框产生的滚动穿透问题的解决
Sep 21 #Javascript
vue-quill-editor富文本编辑器简单使用方法
Sep 21 #Javascript
探秘vue-rx 2.0(推荐)
Sep 21 #Javascript
Vue-Quill-Editor富文本编辑器的使用教程
Sep 21 #Javascript
vue+axios实现文件下载及vue中使用axios的实例
Sep 21 #Javascript
You might like
php中的一个中文字符串截取函数
2007/02/14 PHP
Apache实现Web Server负载均衡详解(不考虑Session版)
2013/07/05 PHP
php获取文件夹路径内的图片以及分页显示示例
2014/03/11 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
PHP钩子实现方法解析
2019/05/21 PHP
20款效果非常棒的 jQuery 插件小结分享
2011/11/18 Javascript
js如何实现设计模式中的模板方法
2013/07/23 Javascript
jquery实现图片按比例缩放示例
2014/07/01 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
2015/07/29 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
纯javascript版日历控件
2016/11/24 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
详解vue的双向绑定原理及实现
2019/05/05 Javascript
vue中监听路由参数的变化及方法
2019/12/06 Javascript
Django中使用第三方登录的示例代码
2018/08/20 Python
Python 最大概率法进行汉语切分的方法
2018/12/14 Python
python实现微信防撤回神器
2019/04/29 Python
python 协程 gevent原理与用法分析
2019/11/22 Python
Python 之 Json序列化嵌套类方式
2020/02/27 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
销售人员自我评价怎么写
2013/09/19 职场文书
应聘面试自我评价
2014/01/24 职场文书
党员民主生活会整改措施
2014/09/26 职场文书
2015年清剿火患专项行动工作总结
2015/07/27 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
Golang 实现超大文件读取的两种方法
2021/04/27 Golang