Vue js监听区分窗口关闭事件和刷新事件，并在窗口关闭前发送请求，退出登陆

mianweiqinan

已于 2022-03-22 12:01:14 修改

阅读量517

点赞数

分类专栏： vue.js 文章标签： vue.js

于 2022-03-22 10:48:27 首次发布

本文链接：https://blog.youkuaiyun.com/mianweiqinan/article/details/123654637

版权

本文介绍了如何在Vue.js应用中区分窗口关闭和刷新事件，特别强调在火狐浏览器下的兼容性问题。在窗口关闭时，需要发送一个退出登录的请求，该请求必须使用原生JavaScript或$.ajax进行同步操作，因为axios不支持同步请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

区分窗口关闭和刷新事件
火狐浏览器兼容
关闭发退出登录请求，必须使用原生或者$ajax发同步，axios不支持同步

export default {
   
  name: "App",
  data() {
   
    return {
   
      _beforeUnload_time: 0,
      _gap_time: 0,
    };
  },
  methods: {
   
    beforeunloadHandler(e) {
   
      this._beforeUnload_time = new Date().getTime();
    },
    unloadHandler(e) {
   
      this._gap_time = new Date()

最低0.47元/天解锁文章