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

Question

我在移动设备上使用 vue-router 作为叠加菜单。这意味着当用户 select 使用过滤器 link 时，会从左侧滑入带有过滤器选项的完整叠加层。

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

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

当用户多次单击后退时，它会反向循环操作，而最好是，如果有叠加层处于活动状态，它应该返回到默认视图，然后简单地忽略历史记录 API 数据并继续使用默认历史数据。

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

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

无法操纵浏览器历史记录，那么如何返回到 vue-router 完成所有操纵之前的状态？

Answer 1

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