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
| <template>
| <el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right">
| <el-breadcrumb-item v-for="(item,index) in levelList" :key="index">
| {{ item.meta.title }}
| </el-breadcrumb-item>
| </el-breadcrumb>
| </template>
|
| <script>
| export default {
| data() {
| return {
| levelList: null
| }
| },
| watch: {
| $route() {
| this.getBreadcrumb()
| }
| },
| created() {
| this.getBreadcrumb()
| },
| methods: {
| getBreadcrumb() {
| let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
|
| this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
| },
| }
| }
| </script>
|
| <style scoped>
| </style>
|
|
