解决Vue多级动态面包屑导航

固定路由的面包屑导航

我们在配置router的时候，可以将面包屑数据配置在meta中， 例如 路由配置：

{
    path: '/project/process/:id',
    name: 'process',
    component: () => import('@/views/project/process/main.vue'),
    meta: [
        { name: '项目管理列表' },
        { name: '项目列表', url: '/project/list' },
        { name: '里程碑' },
    ],
},
复制代码

代码：

<el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item v-for="(item, index) in $route.meta" :key="ind