data(){
return{
WriteFlagTime:''
}
},
mounted() {
window.addEventListener("beforeunload", e => this.beforeunloadHandler(e));
window.addEventListener("unload", e => this.unloadHandler(e));
},
destroyed() {
window.removeEventListener("beforeunload", e => this.beforeunloadHandler(e));
window.removeEventListener("unload", e => this.unloadHandler(e));
},
methods: {
beforeunloadHandler(e) {
this.WriteFlagTime = new Date().getTime();
},
unloadHandler() {
this._gap_time = new Date().getTime() - this.WriteFlagTime;
//判断是窗口关闭还是刷新
if (this._gap_time <= 5) {
console.log(Date.now());
}
},
//监听浏览器
browserMonitor(evt, hidden) {
if (hidden === false) {
console.log(Date.now());
}
}
}
以上是编程学习网小编为您介绍的“vuejs关闭浏览器触发事件及切换浏览器触发事件”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs关闭浏览器触发事件及切换浏览器触发事件
基础教程推荐
猜你喜欢
- vue中deletet请求方式进行传参 2023-10-08
- 利用CSS3新特性创建透明边框三角 2022-11-13
- 在 React 中使用 i18next的示例 2024-02-09
- Cookies 和 Session的详解及区别 2024-03-21
- javaScript 删除确认实现方法小结 2024-02-10
- 关于前端ajax请求的优雅方案(http客户端为axios) 2023-02-15
- SpringBoot集成WebSocket,前端使用Vue 2023-10-08
- Ajax上传图片的本质 2022-12-15
- 值得分享的JavaScript实现图片轮播组件 2024-03-31
- php – Apache / CentOS 7:/ var / www / html /由root拥有但是创建了apache拥有的文件 – 我该如何解决这个问题? 2023-10-25