Vue怎么看哪个路由来的

Vue 如何判断当前路由来源？

在 Vue 中，可以通过以下方法判断当前路由来源：

1. $route.params.from.name

$route.params.from.name 属性包含了上一个路由的名称。当从一个路由导航到当前路由时，该属性会被设置。

立即学习“前端免费学习笔记（深入）”；

2. $route.params.from.path

$route.params.from.path 属性包含了上一个路由的路径。它类似于 $route.params.from.name，但包含了完整的路径字符串。

3. 使用导航守卫

导航守卫是在路由导航过程中执行的回调函数。可以使用 beforeEach 导航守卫来获取上一个路由的信息。

router.beforeEach((to, from, next) => {  console.log('从', from.name, '导航到', to.name);  next();});

4. 路由元数据

路由元数据是一个对象，它可以附加到路由上，用于存储附加信息。可以使用 meta 属性来存储有关上一个路由的信息。

const router = new VueRouter({  routes: [    {      path: '/foo',      component: Foo,      meta: {        from: 'bar'      }    },    {      path: '/bar',      component: Bar    }  ]});

现在，当从 /bar 导航到 /foo 时，可以访问 this.$route.meta.from 来获取上一个路由的名称 (bar)。