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

时间:2017-12-04 13:49:50

标签: javascript vue.js vuejs2 vue-router

我在手机上使用vue-router进行叠加菜单。这意味着当用户选择过滤器链接时,完整的叠加层将从左侧滑入并带有过滤器选项。

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

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

当用户多次点击它时,它将反向迭代操作,而优选地,如果存在覆盖激活,则应该返回到默认视图,然后简单地省略历史API数据并继续使用默认历史数据。

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

有关如何完成此操作的任何想法?

浏览器历史记录无法操作,因此如何在vue-router完成所有操作之前返回状态?

1 个答案:

答案 0 :(得分:2)

尝试通过调用this.$router.replace()浏览过滤器视图。这样,返回会在默认情况下将您带到页面。