The v-breadcrumbs component is used as a navigational helper and hierarchy for pages.
v-breadcrumbs
By default, breadcrumbs use a text divider. This can be any string.
TIP:
Use slotsfor more control of the breadcrumbs, either utilizing v-breadcrumbs-item or other custom markup.
v-breadcrumbs-item
By default v-breadcrumbs will disable all crumbs up to the current page in a nested paths. You can prevent this behavior by using exact: true on each applicable breadcrumb in the items array.
exact: true
items
Breadcrumbs separator can be set using divider property.
divider
Prepend content with the prepend slot.
prepend
To customize the divider, use the divider slot.
You can use the title slot to customize each breadcrumb title.
title