我畫的三級路由哈哈

router3.png

項目結(jié)構(gòu)

jiehou.png

路由配置

 * 框架內(nèi)頁面
 */
const frameIn = [
  {
    path: '/',
    name: 'index',
    meta: {title:'首頁'},
    component: require('@/pages/core/index').default,
    redirect: {name: 'login'},
    children: [
        {
          path: 'login',
          name: 'login',
          meta: {
            title: 'login'
          },
        component: () => import('@/pages/core/index/components/login'),
      },
       // EasyAsscount--主機列表
       {
         path: 'easyAccount/hostList',
         name: 'EasyAccount',
         meta: {
           title: 'EasyAsscount'
         },
         component: () =>import('@/pages/EasyAccount/hostList'),
           
         children: [{
          //  EasyAsscount--主機驗證
              path: '/accountHostManagement',
              name: '/accountHostManagement',
              meta: {
                title: 'EasyAsscount'
              },
              component: () =>
              import ('@/pages/EasyAccount/accountHostManagement')
         }]
     ]
]

這個就是我的路由了，2層自路由嵌套，需要注意的是第二層路由的路徑，無需加上其文件夾名字，我之前不成功，就是跟一級路由一樣的寫法，將其文件夾也帶上了

路由引用

jsthis.$router.push('/easyAccount/hostList')

• 下一級路由

<el-menu-item index="/host">主機列表</el-menu-item>                
<el-menu-item index="/accountHostManagement">主機驗證</el-menu-item>
<el-menu-item index="/accountManagement">賬號管理</el-menu-item>

好了，完結(jié)撒花????????????????????????????????????