以下记录是个人开发过程中遇到的问题：
按道理说嵌套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,
},
});
},
