vue-router在vue3中如何获取跳转来源页面路由
时间: 2024-02-22 09:58:02 浏览: 306
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
在 Vue 3 中,可以通过 `$route` 对象中的 `meta` 字段来获取跳转来源页面的路由信息。在路由配置中,可以为每个路由设置 `meta` 信息,如下所示:
```
const routes = [
{
path: '/foo',
component: Foo,
meta: {
from: 'home'
}
},
{
path: '/bar',
component: Bar,
meta: {
from: 'about'
}
}
];
```
在组件中,可以通过 `$route.meta` 访问当前路由的 `meta` 信息,从而获取跳转来源页面的路由信息。例如,在 `Foo` 组件中,可以通过 `$route.meta.from` 获取跳转来源页面的路由路径。
阅读全文