vue-router 4.0 获取当前页面的第三级路由信息
时间: 2023-09-04 11:08:43 浏览: 58
vue三级路由
可以通过 `$route.matched` 属性获取当前页面的匹配路由记录数组,然后从中获取第三级路由信息。具体实现可以参考以下代码:
```javascript
// 获取当前页面的匹配路由记录数组
const matchedRoutes = $route.matched;
// 判断是否存在第三级路由
if (matchedRoutes.length >= 3) {
// 获取第三级路由信息
const thirdLevelRoute = matchedRoutes[2];
console.log(thirdLevelRoute);
} else {
console.log('当前页面不存在第三级路由');
}
```
其中,`matchedRoutes` 数组中的每个元素都是一个路由记录对象,包含了该路由的各种信息,例如路由路径、组件等。可以根据具体需要,从中获取所需的路由信息。
阅读全文