Breadcrumb doesn't works with I pass params via vue-router about vue-breadcrumbs

[ivomarsan]

Sorry, I saw now, You use children in VueRouter to pass a :id property. Solveed!

[samturrell]

Hi @ivomarsan - could you provide some example code that i can use to reproduce?

[sreecodeslayer]

I came across this issue today, here is an example of the route(s) that are having this issue.

When the expected path for the crumb RouteB is http://127.0.0.1:8080/#/route_a/1/route_b, I am getting http://127.0.0.1:8080/#/route_a/:aid/route_b
Now, if I extend the RouteC further to another child, then that too will have the same issue extended to :cid

Naming the route as stated in this issue doesn't seem to fix it for me

{
	path: '/route_a',
	name: 'RouteA',
	component: RouteA,
	meta: { breadcrumb: "RouteA"},
	children:[{
		path: ':aid/route_b',
		name: 'RouteB',
		component: RouteB,
		meta: { breadcrumb: "RouteB" },
		children: [{
			path: ':cid',
			name: 'RouteC',
			component: RouteC,
			meta: {	breadcrumb: "RouteC" }
		}]
	}]
}

[sreecodeslayer]

Got it to work by adding this method to the methods. Had to dig around the source as I couldn't really figure it out from the given example. 😄