Crumbs with multiple parents

[Jay Pratt]

Just wondering how I would go about showing crumbs with more than one parent, e.g

Home > Directory > Business Name

Thanks

[Ivan Demidov]

@rgbjay Hi, In my example, there is an item in the menu parent which refers to children menu item home

vue-2-breadcrumbs/src/docs/src/router/index.ts

Lines 8 to 25 in c7c7556

 { 
   path: '/', 
   name: 'Home', 
   component: () => import('../views/Home.vue'), 
   meta: { 
     breadcrumb: 'Home' 
   }, 
   children: [ 
     { 
       path: 'settings', 
       name: 'settings', 
       components: { 
         content: { template: `<router-view/>` }, 
         sidebar: { template: `<div><h4>Settings:</h4><router-link :to="{name:'entities', params: {entityName:'entity1'}}">entities 1</router-link> </br><router-link :to="{name:'entities', params: {entityName:'entity2'}}">entities 2</router-link> </br><router-link :to="{name:'entities', params: {entityName:'entity3'}}">entities 3</router-link></div>` } 
       }, 
       meta: { 
         breadcrumb: 'Settings' 
       }, 

vue-2-breadcrumbs/src/docs/src/router/index.ts

Lines 110 to 119 in c7c7556

 { 
   path: '/parent', 
   component: { template: '<h2>Parent</h2>' }, 
   meta: { 
     breadcrumb: { 
       label: 'Parent to settings', 
       parent: 'settings' 
     } 
   }, 
 } 

Perhaps you meant it? Let me know if I can help with anything else

[Jay Pratt]

Thanks this seems to do the trick!

[Ivan Demidov]

@rgbjay Always welcome, put stars if you like this project :)