我在移动设备上使用了vue-router作为覆盖菜单。这意味着,当用户选择过滤器链接时,完整覆盖将从左侧滑入带有过滤器选项。
用户当然可以从默认视图中选择一个过滤器,返回默认视图,然后再次选择过滤器。这将导致历史记录包含:
- 默认视图
- 过滤视图
- 默认视图
- 过滤视图
当用户多次返回时,它将通过逆转操作迭代,而如果存在叠加活动,则应返回默认视图,然后简单地省略历史记录API数据并继续使用默认的历史记录数据。
要完成此操作,我想我可以使用命名路由,并与root
(默认)路由区分开,而在non-root
(覆盖)之间。如果我想返回根,我应该删除历史记录API数据?
关于如何完成此操作的任何想法?
无法操纵浏览器历史记录,因此如何在vue-router
进行的所有操作之前返回状态?
尝试通过调用this.$router.replace()
绕过过滤器视图。这样,返回将带您到默认之前的页面。