inleft
2022-03-01 88f419df77ade235ea5e5e24be204842a24b7b33
commit | author | age
9bcb19 1 <template>
I 2   <a-breadcrumb class="breadcrumb">
3     <a-breadcrumb-item v-for="(item, index) in breadList" :key="item.name">
4       <router-link
5         v-if="item.name != name && index != 1"
6         :to="{ path: item.path === '' ? '/' : item.path }"
7       >{{ item.meta.title }}</router-link>
8       <span v-else>{{ item.meta.title }}</span>
9     </a-breadcrumb-item>
10   </a-breadcrumb>
11 </template>
12
13 <script>
14 export default {
15   data () {
16     return {
17       name: '',
18       breadList: []
19     }
20   },
21   created () {
22     this.getBreadcrumb()
23   },
24   methods: {
25     getBreadcrumb () {
26       this.breadList = []
27       // this.breadList.push({name: 'index', path: '/dashboard/', meta: {title: '首页'}})
28
29       this.name = this.$route.name
30       this.$route.matched.forEach(item => {
31         // item.name !== 'index' && this.breadList.push(item)
32         this.breadList.push(item)
33       })
34     }
35   },
36   watch: {
37     $route () {
38       this.getBreadcrumb()
39     }
40   }
41 }
42 </script>
43
44 <style scoped>
45 </style>