vue 面包屑路由动态实现应用

项目:vue 后台管理系统    UI: element-ui

路由对象 matched 属性

首先我们先来看看官方对 matched 的介绍。

matched:返回一个数组,包含当前路由的所有嵌套路径片段的路由记录 。

可以看到当我们定义好路由结构以后,我们就可以获取到当前页面的路由记录。

首先我们先创建一个面包屑的组件。





创建完组件之后,在需要的地方注入即可

定义的路由信息如下

vue 面包屑路由动态实现应用_第1张图片

你可能感兴趣的:(vue 面包屑路由动态实现应用)