javascript - Vue路由器从默认 View 返回时清除历史记录API?

标签 javascript vue.js vuejs2 vue-router

我正在使用 vue-router 在移动设备上显示覆盖菜单。这意味着当用户选择过滤器链接时,完整的叠加层将从左侧滑入,并带有过滤器选项。

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

  • 默认 View
  • 过滤 View
  • 默认 View
  • 过滤 View

当用户多次单击“后退”时,它将反向迭代操作,而最好是,如果有事件的叠加层,它应该返回到默认 View ,然后简单地忽略历史 API 数据并继续使用默认历史数据。

为了完成此任务,我想我可以使用命名路由并区分非根(覆盖)之间的(默认)路由。如果我想返回根目录,我应该删除历史 API 数据吗?

关于如何完成这件事有什么想法吗?

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

最佳答案

尝试通过调用 this.$router.replace() 来浏览过滤器 View 。这样,返回就会带您回到默认之前的页面。

关于javascript - Vue路由器从默认 View 返回时清除历史记录API?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47634890/

相关文章:

javascript - angularjs:如何级联2个动态创建的下拉列表

javascript - ReactJS,更改存储在状态数组中的img src

css - 如何让 Vuetify v-flex 占用剩余的可用空间

javascript - 如何实现vue包

javascript - 确定窗口是否由 window.showModalDialog 打开?

javascript - 如何减少socket.io中客户端接收数据的时间差?

javascript - this.moveImage 不是一个函数

laravel - 如何离线使用字体图标?

javascript - 用于动态生成复选框的 v-model

validation - Vue Prop 类型验证对象模式