vue-2-crumbs
vue-2-crumbs copied to clipboard
Change template
Currently we have template
<ul class="breadcrumbs-container" :is="container" v-if="$router">
<template v-if="parentRoutes.length">
<template v-for="route in parentRoutes">
<slot :to="route.to" :label="route.label" :utils="route.utils">
<li class="parent-breadcrumb">
<router-link
:to="route.to"
exact>
{{route.label}}
</router-link>
</li>
</slot>
</template>
</template>
<li v-if="!isInitialEmptyRoute" class="current-breadcrumb">
<slot name="current" :label="getRouteLabel(currentRoute)">
<a>
{{getRouteLabel(currentRoute)}}
</a>
</slot>
</li>
</ul>
But unfortunately, we cant change latest li. I would offer change it to
<slot v-if="!isInitialEmptyRoute" name="current" :label="getRouteLabel(currentRoute)">
<li class="current-breadcrumb">
<a>
{{getRouteLabel(currentRoute)}}
</a>
</li>
</slot>
Via slot we can change li, add class and so on