前端如何清空路由历史记录的问题？

Question

下图中的需求描述的很清楚了

其实说白了， router里有没有一个函数(clearRouterHistory)可以让我在用户点击 《返回首页》 的时候，直接调用这个函数让我像第一次进入这个页面时一模一样。

---

谢谢

Answer 1

用每一次的都用replace，这个进行跳转是缓存的，react应该有对应的方法

Answer 2

你可以使用不同的history模式来控制路由的行为，比如使用createWebHashHistory()或createWebHistory()。如果你想在用户点击《返回首页》的时候，直接跳转到首页，而不是回退到上一个页面，你可以使用router.replace()方法来替换当前的路由记录。这样，当用户点击浏览器的返回按钮时，就会跳过被替换的路由记录，直接回到之前的页面。

Answer 3

根据这个问题https://segmentfault.com/q/1010000024548922?utm_source=sf-similar-question
我觉得你也可以把这些页面写成组件,然后用v-if来跳转