如何在 vuejs2 中更改路由器返回路由答案

【问题标题】：How to change router back route in vuejs2如何在 vuejs2 中更改路由器返回路由
【发布时间】：2020-01-16 00:39:12
【问题描述】：

我有一个带有主视图和另外两个侧视图的 Vue 应用程序。我想将两个侧视图的所有后退按钮按下重定向到主视图，在最新的 vuejs 版本（2.6.10）中执行此操作的最佳方法是什么？

我目前正在使用未启用历史模式的 vue-router，但是所有按下的后退按钮仍会重定向到最后一个视图。

我已经尝试在侧视图上添加“后退按钮”事件侦听器，但没有任何改变。

这是我的其中一个侧视图的代码。

<template>
  <h1>Left View</h1>
</template>

<script>
import router from '../router'

export default {
  name: 'left',
  methods: {
    goToHomePage() {
      router.push('/')
    }
  },
  mounted() {
    document.addEventListener('backbutton', this.goToHomePage, false)
  },
  beforeDestroy() {
    document.removeEventListener('backbutton', this.goToHomePage)
  }
}
</script>

【问题讨论】：

代码中的后退按钮在哪里？只需在按钮单击<button @click="goToHomePage">Go Back</button> 上调用该方法goToHomePage()。这些事件监听器也没有任何意义（没有称为backbutton的事件）
看来你正在寻找 go : router.vuejs.org/guide/essentials/navigation.html#router-go-n
后退按钮是浏览器的后退按钮，'backbutton'事件不是正确的吗？
@MarcoRodriguez backbutton 事件用于Apache Cordova。您是否在此基础上构建应用程序（移动应用程序）？
你能创建一个 plunker 来复制这个问题吗？

标签： vue.js vuejs2 vue-router

【解决方案1】：

也许可以尝试类似question 中的方法。关键是拦截所有路线变化并决定你想去哪里。

【讨论】：