vue-router-如何使后退按钮的行为类似于本机应用程序

时间:2018-11-28 19:31:23

标签: vue.js vue-router

路由器:

如果有一个链接到/ home,/ page1,/ page2的页面,并且我使用此导航路径:home-> page1-> page2-> page1-> page2等等……

当我按下后退按钮时,它将进入第1页->第2页->第1页-> [...]->主页。

是否有一种方法可以更改行为以始终返回到以下1个路由级别 就像第1页->直接回家?

与在应用程序中导航并单击“后退”按钮时相同的行为。

此外,可以在/ home上使用它并使用手机上的“后退”按钮,使应用程序关闭,从而获得奖励。

如果我的问题不清楚,您也可以查看quasar框架的文档,比我更好地解释问题: https://quasar-framework.org/components/handling-back-button.html

所以我的问题是如何仅使用vue-router直接实现这一点。

谢谢!!!

1 个答案:

答案 0 :(得分:0)

您可以在router navigation guardes- 在那里,您可以定义自己想要的任何重定向,例如router.go(-2)(返回2条路线)或其他任何内容。

要检查用户是否通过后退按钮登陆了某个页面,请检出PerformanceNavigationTiming.type的api。