vue-router如何通过子路由获取父路由
时间: 2023-07-28 13:31:23 浏览: 900
在Vue Router中,可以通过$router对象以及$route对象获取当前路由信息。如果要在子路由中获取父路由的信息,可以通过$route对象的parent属性来访问其父级路由信息。例如:
```
const router = new VueRouter({
routes: [
{
path: '/parent',
component: ParentComponent,
children: [
{
path: 'child',
component: ChildComponent
}
]
}
]
})
// 在ChildComponent中获取父级路由信息
export default {
created() {
console.log(this.$route.parent) // 输出父级路由信息
}
}
```
这里的this.$route是指当前路由信息,this.$route.parent则是指父级路由信息。注意,在使用子路由时,父路由的路径需要以斜杠结尾,否则会导致无法正确匹配子路由。
阅读全文