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 获取网页参数系统
Jul 19 Javascript
JS字符串的切分用法实例
Feb 22 Javascript
javascript 数组的定义和数组的长度
Jun 07 Javascript
js创建数组的简单方法
Jul 27 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
node实现简单的反向代理服务器
Jul 26 Javascript
cocos creator Touch事件应用(触控选择多个子节点的实例)
Sep 10 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
May 30 Javascript
小程序实现留言板
Nov 02 Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 Javascript
js实现鼠标拖拽div左右滑动
Jan 15 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函数解决SQL injection
2006/10/09 PHP
php自定义apk安装包实例
2014/10/20 PHP
php获取远程文件的内容和大小
2015/11/03 PHP
PHP给文字内容中的关键字进行套红处理
2016/04/12 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
2013/11/18 NodeJs
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
jquery实现鼠标悬浮停止轮播特效
2020/08/20 Javascript
详解JS中的立即执行函数
2017/02/24 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
2017/06/03 Javascript
Webpack 4.x搭建react开发环境的方法步骤
2018/08/15 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
[03:58]2014DOTA2国际邀请赛 龙宝赛后解密DK获胜之道
2014/07/14 DOTA
python设置检查点简单实现代码
2014/07/01 Python
Python发送Email方法实例
2014/08/21 Python
Python求导数的方法
2015/05/09 Python
整理Python 常用string函数(收藏)
2016/05/30 Python
Python实现去除列表中重复元素的方法小结【4种方法】
2018/04/27 Python
python覆盖写入,追加写入的实例
2019/06/26 Python
使用python实现滑动验证码功能
2019/08/05 Python
NumPy排序的实现
2020/01/21 Python
size?爱尔兰官方网站:英国伦敦的球鞋精品店
2019/03/31 全球购物
白俄罗斯大卖场:21vek.by
2019/07/25 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
《争吵》教学反思
2014/02/15 职场文书
2014社区三八妇女节活动方案
2014/03/30 职场文书
我的梦中国梦演讲稿
2014/04/23 职场文书
服务理念口号
2014/06/11 职场文书
城管执法人员个人对照检查材料思想汇报
2014/09/29 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
2016年企业安全生产月活动总结
2016/04/06 职场文书
Python Django获取URL中的数据详解
2021/11/01 Python
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏