VUE 当前页获取来源路由地址

最新推荐文章于 2025-07-09 21:27:10 发布

原创最新推荐文章于 2025-07-09 21:27:10 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue 专栏收录该内容

21 篇文章

订阅专栏

该博客介绍了如何在Vue.js应用中使用`beforeRouteEnter`导航守卫来获取来源路由。在`beforeRouteEnter`回调中，由于不能直接访问组件实例，因此需要通过`next`函数传递一个回调函数来设置组件内的`targetPath`属性，从而记录用户从哪个路由跳转过来。

获取来源路由

export default {
  data() {
    return {
      targetPath: ""
    }
  },
  beforeRouteEnter (to, from, next) {
  	// 此处无法通过 this 访问当前实例
    next(vm=> {
      // 此处可通过 `vm` 访问当前组件实例
      vm.targetPath = from.path;
    })
  }
}