xidedix
35 lines
714 B
Vue
35 lines
714 B
Vue
<template>
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item" :key="index" v-for="(item, index) in list">
|
|
<span class="active" v-if="isLast(index)">{{ showName(item) }}</span>
|
|
<router-link :to="item" v-else>{{ showName(item) }}</router-link>
|
|
</li>
|
|
</ol>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
list: {
|
|
type: Array,
|
|
required: true,
|
|
default: () => []
|
|
}
|
|
},
|
|
methods: {
|
|
isLast (index) {
|
|
return index === this.list.length - 1
|
|
},
|
|
showName (item) {
|
|
if (item.meta && item.meta.label) {
|
|
item = item.meta && item.meta.label
|
|
}
|
|
if (item.name) {
|
|
item = item.name
|
|
}
|
|
return item
|
|
}
|
|
}
|
|
}
|
|
</script>
|