vue3浏览器关闭当前页面,退出登录

323 阅读1分钟

网上搜了很多,大部分逻辑都是如下:但此方法对我然并卵。

image.png

不如这样做简单粗暴还有效。

在APP.vue里写入以下代码就可以让页面关闭的时候执行退出登录了。

如果有多个相同的页面,关闭其中一个,也会执行退出登录。

jym如何才能做到关闭最后一个相同的页面,才会执行退出登录呢?

//页面关闭就自动退出登录
  onUnmounted(() => {
    // 移除监听
    window.removeEventListener('unload', () => close());
  });
  onMounted(() => {
    // 监听浏览器关闭事件
    window.addEventListener('unload', () => close());
  });
  //退出登录
  const close = () => {
    userStore.logout(true);
  };