Javascript 从路由器的给定树递归生成面包屑

Javascript 从路由器的给定树递归生成面包屑,javascript,vue.js,router,Javascript,Vue.js,Router,我尝试从JSFIDLE中给定的json树创建面包屑 到目前为止,这是可行的,我得到了完整的路径,但是如何使用这段代码在vuejs中为我的路由器创建一个面包屑组件,以便从json在给定的树中导航 例如,我可以使用链接直接转到路径Cocker,如: Animals / Dogs / Cocker 还是我对路由器的概念和如何构建面包屑的想法错了 也许可以用另一种方式来建造它 例如,如果我单击一个子节点,然后将其作为项添加到当前面包屑数组,如果我单击该子节点的子节点,则将其作为2添加。项目的面包屑,像

我尝试从JSFIDLE中给定的json树创建面包屑

到目前为止,这是可行的,我得到了完整的路径,但是如何使用这段代码在vuejs中为我的路由器创建一个面包屑组件,以便从json在给定的树中导航

例如,我可以使用链接直接转到路径Cocker,如:

Animals / Dogs / Cocker
还是我对路由器的概念和如何构建面包屑的想法错了

也许可以用另一种方式来建造它

例如,如果我单击一个子节点,然后将其作为项添加到当前面包屑数组,如果我单击该子节点的子节点,则将其作为2添加。项目的面包屑,像在一个更静态的方式


谢谢

我建议使用已经存在的东西,比如或像vue路由器一样使用vue路由器,不要尝试构建任何新的东西,因为它已经测试和修补过几次了-我总是更喜欢关注我自己的应用程序,而不是达到目的的方法#谢谢你的权利,我想到了: