vue-element面包屑导航路由映射难点

el-breadcrumb 路由面包屑映射：

<template>
  <el-breadcrumb class="app-breadcrumb" separator="/">
    <transition-group name="breadcrumb">
      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
        <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{
  { item.meta.title }}</span>  //如果不需要导航的话就用到了span标签
        <a v-else @click.prevent="handleLink(item)">{
  { item.meta.title }}</a>
      </el-breadcrumb-item>
    </transition-group>
  </el-breadcrumb>
</template>

关键点是这里的levelList 怎么生成的呢？

在created中，生成面包屑导航

  created() {
    this.getBreadcrumb()
  },

路由监听：