The breadcrumb isn't working properly

[Gabriel Schenato]

Hi, the breadcrumb isn't working properly, and some things are different from the demo.

[Michael Wang]

breadcrumb？

[Gabriel Schenato]

Yes from this component PageHeader.vue , you can see in my picture

[Gabriel Schenato]

Is not like yours

[Michael Wang]

I got it, I guess the your route trigger the issue

[Gabriel Schenato]

but I cloned your project and did not modify anything and it did not work either. And some things are different from the demo here http://vma.isocked.com/#/dashboard

[Gabriel Schenato]

Can you help me?

[mjsunny]

change
breadcrumbs.push(item.title); breadcrumbs.push(child.title);
to
breadcrumbs.push({text: item.title}); breadcrumbs.push({text: child.title});

[supermebing]

确实有问题 跟Demo展示的不一样

[Gabriel Schenato]

Thanks @mjsunny, but I can't put a icon like the demo

[mjsunny]

If you want to put a icon then revert everything back to original PageHeader.vue file and then replace <v-breadcrumbs> tag to

<v-breadcrumbs divider="-">
    <v-breadcrumbs-item><v-icon>home</v-icon></v-breadcrumbs-item>                               
    <v-breadcrumbs-item v-for="(breadcrumb, index) in breadcrumbs" :key="index">{{breadcrumbs[index]}}</v-breadcrumbs-item>
</v-breadcrumbs>

[Gabriel Schenato]

Oh really thank you @mjsunny, I need to ask something, if you refresh the page in the route http://localhost:8000/#/login for exemple it's load the Dashboard first instead of the Login page after some seconds the Login page appears

[Muh. Rizky Eka Arlin]

Oh really thank you @mjsunny, I need to ask something, if you refresh the page in the route http://localhost:8000/#/login for exemple it's load the Dashboard first instead of the Login page after some seconds the Login page appears

Set a timeout then call the router programmatically. https://router.vuejs.org/guide/essentials/navigation.html