从默认视图返回时，Vue路由器清除历史记录API？

Question

我在移动设备上使用 vue-router 来覆盖菜单。这意味着当用户选择过滤器链接时，一个完整的覆盖将从左侧滑入过滤器选项。

用户当然可以从默认视图中选择过滤器，返回默认视图并再次选择过滤器。这将导致历史记录包含：

• 默认视图
• 过滤视图
• 默认视图
• 过滤视图

当用户多次单击返回时，它将反向遍历操作，而如果有一个覆盖活动，它最好返回默认视图，然后简单地省略历史 API 数据并继续使用默认历史数据。

为了完成这项工作，我想我可以使用命名路由并区分non-root（覆盖）之间的root（默认）路由。如果我想返回根目录，我应该删除历史 API 数据吗？

对如何完成这项工作有任何想法吗？

浏览器历史不能被操纵，那么我该如何回到vue-router进行所有操纵之前的状态？

Answer 1

尝试通过调用this.$router.replace() 在过滤器视图中导航。这样，back 会带你回到默认之前的页面。