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
40
41
42
43
44
45
46
47
48
49
50
51
| <template>
| <a-breadcrumb class="breadcrumb">
| <a-breadcrumb-item v-for="(item, index) in breadList" :key="item.name">
| <router-link
| v-if="item.name != name && index != 1"
| :to="{ path: item.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 () {
| let arr = []
| // this.breadList.push({name: 'index', path: '/dashboard/', meta: {title: '首页'}})
|
| this.name = this.$route.name
| this.$route.matched.forEach(item => {
| // item.name !== 'index' && this.breadList.push(item)
| arr.push(item)
| //this.breadList.push(item)
| })
| /* if (arr.length>=2) {
| arr.splice(0,1)
| } */
| this.breadList = arr
| console.log(this.breadList)
| }
| },
| watch: {
| $route () {
| this.getBreadcrumb()
| }
| }
| }
| </script>
|
| <style scoped>
| </style>
|
|
