如何在 Nuxt/Vue 中访问 From 和 To 路由答案

【问题标题】：How to access From and To routes in Nuxt/Vue如何在 Nuxt/Vue 中访问 From 和 To 路由
【发布时间】：2021-04-11 23:11:04
【问题描述】：

我正在构建一个 Nuxt/Vue 应用程序。

在开发工具中，我看到有一个 From 和 To 属性。如何在 Nuxt 应用程序中访问这些？我试过了

this.$nuxt.$route, this.$nuxt.$router, this.$route 但还没有成功。

我的目标是在当前页面上获得上一个路线，从我导航的地方开始。

【问题讨论】：

你试过这个$form吗？
@H.Udara 未定义。

标签： javascript vue.js routes nuxt.js

【解决方案1】：

基于 dyon048 在https://stackoverflow.com/a/65592158/7762322 中的建议

我能够做到这一点

<template>
  <nuxt-link :to="prevRoute">Back</nuxt-link>
</template>

export default {
  data() {
    return {
      prevRoute: '',
    }
  },
  beforeRouteEnter(to, from, next) {
    next((vm) => {
      vm.prevRoute = from
    })
  },
}

【讨论】：

【解决方案2】：

也许您可以使用这些钩子：beforeRouteEnter、beforeRouteUpdate 或 beforeRouteLeave，如下所述：https://router.vuejs.org/guide/advanced/navigation-guards.html#in-component-guards

每个钩子都有这些参数：from、to和next。

【讨论】：