⾯包屑 利⽤$route.matched可得到路由匹配数组，按顺序解析可得路由层次关系。
2020-06-07 06:06
381 查看
// Breadcrumb.vue
watch: {
$route() {
// [{name:'home',path:'/'},{name:'list',path:'/list'}]
console.log(this.$route.matched);
// ['home','list']
this.crumbData = this.$route.matched.map(m => m.name)
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Unity3D的UGUI—Canvas的渲染顺序及层次关系总结
- JS 解析JSON字符串 得到对象数组
- 15数组实现顺序堆栈的括号匹配问题
- 最简单易懂《大话数据结构》KMP模式匹配算法next数组代码解析
- 剑指offer代码解析——面试题14调整数组顺序使奇数在偶数之前
- ASP.net 解析 JSON字符串得到数组
- KING_Unity学习之UGUI_Canvas渲染顺序以及层次关系总结
- 剑指offer代码解析——面试题14调整数组顺序使奇数在偶数之前
- 顺序表与数组的关系
- 由数组的面向对象原型体系来解析Function和Object两大内置类的复杂关系
- 数组区间匹配算法解析
- 解析gif图得到图片数组
- 匹配数组(A和B数组之间的对应关系)
- 第九天：排列活动顺序和估算活动资源，网络进度网络图，4种活动逻辑解析表,3种网络图绘制方法、确定依赖关系，提前量滞后量
- 第九天：排列活动顺序和估算活动资源，网络进度网络图，4种活动逻辑解析表,3种网络图绘制方法、确定依赖关系，提前量滞后量
- 中文字符串分割存入数组 中文字符串顺序匹配（字符串整体相似度） php<二>
- VS2013和VS2015中MVC 区域路由匹配顺序相反
- OpenCV: Features2D Features FrameWork 图像二维特征检测、描述以及匹配框架的层次解析
- ThinkPHP5 资源嵌套分组路由配置方法(可以根据需要实现多层嵌套,注意：资源嵌套分组路由配置顺序依次是嵌套层次递减) - 06
- 带有数组数据结构的json字符串解析并保留其原有顺序