{
path:'/homePage', // 父级的路径上要加 /
component:Layout, // 这个是基于模板自带的组件风格创建的页面
meta:{title:'父级页面',icon:'el-icon-s-check'}, // 目录标题和图标
redirect:'/page1',
children:[{
path:'page1', // 孩子的路径是上不加/
redirect:'/homePage/page1/page2',
component:()=> import('@/views/index'), // 多级页面路由的写法,这个index文件看下面配置
meta:{title:'页面1',icon:'el-icon-s-check'},
children:[{
path:'page2',
name:'Page2',
component::()=> import('@/views/page2'),
meta:{title:'页面2',icon:'el-icon-s-check'},
}]
}]
}
多级页面路由index的配置:
<template>
<div>
<router-view />
</div>
</template>