以下记录是个人开发过程中遇到的问题：

按道理说嵌套2个children子组件，就需要在被嵌套的父组件中写2个<router-view/>

二级面包屑

👆上面的效果是：在点击左侧边栏上的会员列表按钮后，会直接跳转为⭐>会员>会员列表的面包屑，并且会员只是一个title名称(不是一个单独的页面)

三级面包屑

👆上面的效果中是：已经进入会员列表页面后，在点击会员列表页面的查看按钮，进入三级页面会员详情页面

url中显示的路由跳转信息：
会员列表路由：#/ums/member
点击查看按钮跳转进入会员详情页
会员详情页路由：#/member/memberDetail?data=xxxxx

设计思路：
1.新建一个空组件存放<router-view/>标签，作为会员详情页面的出口
2.将新建的空组件引入到会员列表页面中，并在点击查看按钮上添加see方法进行路由跳转

👇下面是路由配置中一种简单的写法

//路由文件：router.js
{
    path: '/ums',
    component: Layout,
    redirect: '/ums/member',
    name: 'ums',
    meta: { title: '会员', icon: 'home' },
    children: [
      {
        path: "/twoPublish", <---假路径
        component: {render(c) {return c('router-view')}},
        redirect: '/ums/member',
        meta: {title: '会员列表', noCache: true, affix: true},
        children:[
          {
            path: '/member/memberDetail',
            name: 'memberDetail',
            component: (resolve) => require(['@/views/ums/member/detail'],resolve),
            meta: { title: '会员详情', icon: 'product-list',noCache: true, affix: true }
          },
        ]
      },
      {
        path: 'member',
        name: 'member',
        component: () => import('@/views/ums/member/index'),
        meta: { title: '会员列表', icon: 'product-list' },
      },
   ]
}

点击查看按钮：

see(index, row){
        let data = JSON.stringify(row);
        this.$router.push({
          name: "memberDetail",
          query: {
            data,
          },
        });
},      

参考文章：vue 使用element 后台管理界面 左侧导航和面包屑导航