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



我在移动设备上使用了vue-router作为覆盖菜单。这意味着,当用户选择过滤器链接时,完整覆盖将从左侧滑入带有过滤器选项。

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

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

当用户多次返回时,它将通过逆转操作迭代,而如果存在叠加活动,则应返回默认视图,然后简单地省略历史记录API数据并继续使用默认的历史记录数据。

要完成此操作,我想我可以使用命名路由,并与root(默认)路由区分开,而在non-root(覆盖)之间。如果我想返回根,我应该删除历史记录API数据?

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

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

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

最新更新