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

Question

路由器：

如果有一个链接到/ 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直接实现这一点。

谢谢!!!

Answer 1

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

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