blob: 91c0109ebc2ccda6b6692be240cdb46468d317f2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
<template>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li
v-for="(item, index) in items" class="breadcrumb-item"
:key="index">
<router-link :to="item.path">
{{ item.name }}
</router-link>
</li>
<li class="breadcrumb-item active" aria-current="page">
{{ activeItem }}
</li>
</ol>
</nav>
</template>
<script>
export default {
name: "BaseBreadcrumb",
props: {
items: {
type: Array,
required: true
},
activeItem: {
type: String,
required: true
}
}
};
</script>
<style lang="scss" scoped>
@use "../scss/colors";
@import "../scss/bootstrap";
@import "~bootstrap/scss/breadcrumb";
</style>
|
