我想在vue-router中获得上一页的链接或url.就像这样.怎么做?

const link = this.$router.getPrevLink(); // function is not exist?
this.$router.push(link);

近概念是this.$router.go(-1).

this.$router.go(-1);

推荐答案

vue router的所有navigation guards个路由都将上一条路由作为from参数接收..

每个guard函数接收三个参数:

  • to: Route:要导航到的目标路由对象.

  • 100: the current route being navigated away from.

  • next: Function:必须调用此函数才能解析钩子.这个

例如,您可以使用组件内导航卫士beforeRouteEnter获取上一条路由,并将其存储在数据中..

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

然后你可以使用this.prevRoute.path来获取上一个URL.

Vue.js相关问答推荐

获取深度嵌套对象时无法读取空/未定义的属性

Vue3:如何在功能组件中重用插槽vnode

VueI18n 无法读取或更改组合 API 中的区域设置

如何使用 vueJS 上的 ref( ) 函数创建二维数组定义?

Vuejs 通过数据键迭代复杂对象

如果似乎没有明确使用输入事件,那么发出输入事件有什么作用?

如何在 vue js 的一页路由下显示不同的 category._id

如何在vue中动态加载组件

Vue CLI - 编译后将配置文件保留为外部

apache上的Vue-router,子目录下的SPA,只能通过重定向访问页面

如何在 Vue 3 中使用 SSR

如何从 bootstrap-vue 模态监听事件?

如何在 Vue.js 3 中使用 Vue 3 Meta?

如何在 NPM 上创建和发布 Vuejs 组件

Vuetify Jest 未知自定义元素

我如何能够在 vue js html 中以给定格式进行多项 Select 和传递数据?

Bootstrap-vue:如何将数据传递给模态?

组件已注册但未使用 vue/no-unused-components

v-for 中的计算(Computed)/动态(Dynamic) v-model 名称

vuejs 中缺少 webpack 配置