vue-2-crumbs icon indicating copy to clipboard operation
vue-2-crumbs copied to clipboard

Change template

Open websitevirtuoso opened this issue 5 years ago • 0 comments

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

websitevirtuoso avatar Mar 21 '19 16:03 websitevirtuoso