vue前端根据菜单数据生成当前路由的面包屑

Vue 梦想屋 2021-1-23 2510 0

这段时间做了个项目，之前的前端直接用vue路由的matched参数生成面包屑，我接手项目后，发现这样生成面包屑有时候不太准，就封装了个从菜单数据里生成面包屑的方法，分享给大家，大家有其他更好的方法也可以分享出来！

图一是菜单数据的json结构

vue前端根据菜单数据生成当前路由的面包屑

图二是封装的方法

vue前端根据菜单数据生成当前路由的面包屑

path：当前页面的路径！必填

menuData：菜单数据！必填

最后返回的是由菜单数据生成的面包屑数组！子菜单层级无限！

JSON结构 https http json Vue