首页 > 解决方案 > VueJS 区分 vue-router 后退事件和浏览器后退按钮

问题描述

具有仪表板->游戏列表->任何游戏中的竞赛列表->玩游戏竞赛->返回竞赛列表屏幕的应用程序

在竞赛列表屏幕中有一个返回按钮箭头,它重定向到仪表板

浏览器后退按钮问题

  1. 比赛列表屏幕 浏览器后退按钮重定向到游戏列表而不是仪表板。
  2. 如果用户在玩游戏后来到比赛列表屏幕,则浏览器后退按钮将重定向到玩游戏屏幕

我用了onpopstate

window.onpopstate = function()
    console.log('popstate triggered');
    this.$router.push({ name:'Dashboard'});
};

这并非每次都有效
在连续浏览导航时它一次失败

我需要一些东西来检查浏览器的后退按钮是否被按下,比如后退按钮的键码或其他东西

标签: javascriptvue.jsbrowserwebbrowser-control

解决方案


推荐阅读