Blame view

juvenile-prosecution-vue/src/components/tools/Breadcrumb.vue 1.05 KB
6c637641   wxy   no message
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
  <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>