Vue怎么看哪个路由来的

vue 中判断当前路由来源的方法：通过 $route.params.from.name 获取上一个路由名称。通过 $route.params.from.path 获取上一个路由路径。使用导航守卫 beforeeach 获取上一个路由信息。通过路由元数据中的 meta 属性存储上一个路由信息。

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();
});

QQ2EAFB3

分享到：