vue+elementUI写一个面包屑导航

废话少说，直接上代码。

页面布局代码：

  
    首页
    
      {{ item.meta.title }}
      {{ item.meta.title }}
    
  

js逻辑处理

export default {
  name: "crumbsPage",
  data() {
    return {
      breadList: []
    };
  },
  watch: {
    $route() {
      this.getBreadcrumb();
    }
  },
  methods: {
    getBreadcrumb() {
      if (Object.keys(this.$route.matched[0].meta).length > 0) {
        this.breadList = this.$route.matched;
      } else {
        this.breadList = [];
      }
    },
    handleLink(item) {
      this.$router.push(item.path);
    }
  }
};

好了，最简单的面包屑导航已经完成了。