vue 后台面包屑用法

<template>
  <div class="bread">
     <el-breadcrumb class="breadcrumb" separator="/">
            <el-breadcrumb-item>康迪汽车</el-breadcrumb-item>
            <el-breadcrumb-item 
                v-for='(item,index) in levelList'
                :key='index'
                v-if='item.name'>
                {{item.name}}
            </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script>
export default {
  name: '',
  data () {
      return {
          levelList: null
      }
  },
  created () {
      this.getBreadcrumb();
  },
  methods: {
    getBreadcrumb () {
        let matched = this.$route.matched.filter(item => item.name);
        const first = matched[0];
        this.levelList = matched;
    }
  },
  watch: {
      $route() {
        console.log(1111)
        this.getBreadcrumb();
      }
  }
}
</script>

<style lang="less" scoped>
 .bread {
   background-color: #f2f2f2;
   padding: 15px;
   margin: -12px -12px 10px -12px;
 }
</style>

资料分享网站

可以加我微信进群，有资料送，也可以讨论问题