1、路由嵌套在SPA(单页页面程序中会常用到),有一部分内容固定,通过点击跳转决定 另一部分不定的内容,就可以用到路由嵌套来完成
{
path: '/run/contentaaa',
name: 'contentaaa',
redirect: '/run/contentaaa/shouye', 重定向路由指定第一次进入页面是跳转的路由
component: () => import('../views/Contentaaa/Contentaaa.vue'),
children: [
{
path: 'wendang',
name: 'wendang',
component: () => import('../views/Contentaaa/router-zong/wendang.vue')
}
]
}]
在主路由的下方添加children子路由,先写出固定区域。然后再子路由切换的区域
<el-main style='position: absolute;left: 4.2rem;width: 100%;height: 5rem;'>
<router-view></router-view>
</el-main>