你可以使用Programmatic Navigation。为了返回，你可以使用：

router.go(n)

其中n可以是正的也可以是负的（返回），这和history.back()是一样的，所以你可以把元素写成这样：

<a @click="$router.go(-1)">back</a>

直接使用$router.back()在vue-router上返回/route-back编程。或者如果在组件的模板中使用router.back()。

这对我来说就像一个时钟：

methods: {
 hasHistory () { return window.history.length > 2 }
}

然后，在模板中：

<button 
  type="button"    
  @click="hasHistory() 
    ? $router.go(-1) 
    : $router.push('/')" class="my-5 btn btn-outline-success">&laquo; 
  Back
</button>

对我很有效，简短实用。（Nuxt.js）

<a @click="$router.back()"></>

如果使用的是Vuex，则可以使用https://github.com/vuejs/vuex-router-sync
只需在主文件中使用以下命令初始化它：

import VuexRouterSync from 'vuex-router-sync';
VuexRouterSync.sync(store, router);

每次路由更改都会更新Vuex中的route状态对象。接下来可以创建getter以在路由状态中使用from对象，或者只使用state（最好使用getter，但这是https://vuex.vuejs.org/en/getters.html的另一个故事），因此简而言之，它将是（内部组件方法/值）：

this.$store.state.route.from.fullPath

您也可以将其放置在<router-link>组件中：

<router-link :to="{ path: $store.state.route.from.fullPath }"> 
  Back 
</router-link>

因此，当您使用上面的代码时，将动态生成到上一个路径的链接。

如果您正在编写一个移动的应用程序，这个问题的答案将变得更加棘手，因为您现在需要一个集成的解决方案，以适应来自UI后退按钮或移动设备提供的“后退”按钮的后退历史记录！
像Ionic和Quasar这样的框架可以拦截移动的设备的后退按钮事件。Quasar会为您处理这些事件，并调整桌面和移动平台构建的行为，例如Cordova/Capacitor移动应用构建将确保“后退”操作可以智能地关闭对话框或返回页面，甚至关闭应用！

• Quasar Back事件处理程序和v-go-back指令
• https://quasar.dev/vue-directives/go-back
• 离子-返回按钮和硬件返回按钮
• https://ionicframework.com/docs/api/back-button
• https://ionicframework.com/docs/developing/hardware-back-button

如果您想在Nuxt中执行此操作，此方法对我很有效

<nuxt-link :to="`${this.$nuxt.context.from.path}`" class="m-0 float-right btn btn-sm btn-sm btn-info">
   <i class="bi bi-plus-lg"></i> {{ $t('back') }}
</nuxt-link>

这也许能帮到某人

<router-link class="inner-back d-inline-block" to="">
    <i class="fas fa-arrow-left" @click="$router.go(-1)"></i>
</router-link>

另一种解决方案是使用vue-router-back-mixin

import BackMixin from `vue-router-back-mixin`

export default {
  ...
  mixins: [BackMixin],
  methods() {
    goBack() {
      this.backMixin_handleBack()
    }
  }
  ...
}