You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.1 KiB
48 lines
1.1 KiB
<template>
|
|
<a-breadcrumb class="breadcrumb">
|
|
<a-breadcrumb-item v-for="(item, index) in breadList" :key="index">
|
|
<router-link v-if="item.name != name" :to="{ path: item.path }">
|
|
{{ item.meta.title }}
|
|
</router-link>
|
|
<span v-else>{{ item.meta.title }}</span>
|
|
</a-breadcrumb-item>
|
|
</a-breadcrumb>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
name: '',
|
|
breadList: [],
|
|
}
|
|
},
|
|
created () {
|
|
this.getBreadcrumb()
|
|
},
|
|
methods: {
|
|
getBreadcrumb() {
|
|
|
|
console.log('this.$route.matched', this.$route.matched)
|
|
|
|
this.breadList = []
|
|
this.breadList.push({ name: 'dashboard-analysis', path: '/dashboard/analysis', meta: { title: '首页' } })
|
|
|
|
this.name = this.$route.name
|
|
this.$route.matched.forEach((item) => {
|
|
// item.meta.name === 'dashboard' ? item.path = '/dashboard' : this.$route.path === item.path
|
|
this.breadList.push(item)
|
|
})
|
|
}
|
|
},
|
|
watch: {
|
|
$route() {
|
|
this.getBreadcrumb()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |