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 相关文章推荐
Dojo 学习要点
Sep 03 Javascript
一些老手都不一定知道的JavaScript技巧
May 06 Javascript
JavaScript实现表格快速变色效果代码
Aug 19 Javascript
javascript bom是什么及bom和dom的区别
Nov 26 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 Javascript
jquery获取select,option所有的value和text的实例
Mar 06 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
vue遍历生成的输入框 绑定及修改值示例
Oct 30 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
Dec 29 Javascript
js中复选框的取值及赋值示例详解
Oct 18 Javascript
vue实现购物车的小练习
Dec 21 Vue.js
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程序中防止盗链
2008/04/09 PHP
用jQuery与JSONP轻松解决跨域访问的问题
2014/02/04 Javascript
jquery等待效果示例
2014/05/01 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
2015/08/17 Javascript
js+ajax实现获取文件大小的方法
2015/12/08 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
BootStrap 弹出层代码
2017/02/09 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
2017/12/27 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
[06:45]DOTA2卡尔工作室 英雄介绍幻影长矛手篇
2013/07/12 DOTA
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
python爬取网易云音乐评论
2018/11/16 Python
Python3.5基础之NumPy模块的使用图文与实例详解
2019/04/24 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
解决pyCharm中 module 调用失败的问题
2020/02/12 Python
python 两个一样的字符串用==结果为false问题的解决
2020/03/12 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
香港通票:Hong Kong Pass
2019/02/26 全球购物
英国在线泳装店:Simply Swim
2019/05/05 全球购物
门卫工作岗位职责
2013/12/17 职场文书
暖通工程师岗位职责
2014/06/12 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
通知的写法
2015/04/23 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书