vue2多级路由配置

要在二级或者说是父级路由上面写 component: { render(c) { return c('router-view') } }

父级要跳转的页面用redirect: '/data/detail'，这里面的路由写在自己子级下面的

import Layout from '../../layout'
import Blank from '../../layout/blank'

export const dataRouterMap = [
  {
    path: '/data',
    component: Layout,
    redirect: '/data/list',
    name: '数据管理',
    meta: { title: '数据管理', icon: 'data' },
    children: [
      {
        name: 'DataList',
        path: 'list',
        component: () => import('@/views/data/list'),
        meta: { title: '数据列表' }
      },
      {
        path: 'edit/:dataId',
        name: 'DataEdit',
        hidden: true,
        component: () => import('@/views/data/edit'),
        meta: { title: '编辑数据' }
      },
      {
        path: 'create',
        name: 'DataCreate',
        hidden: true,
        component: () => import('@/views/data/edit'),
        meta: { title: '创建数据' }
      },
      {
        path: 'detail',
        name: 'DataDetail',
        hidden: true,
        component: { render(c) { return c('router-view') } },
        redirect: '/data/detail/list',
        children: [
          {
            path: 'list',
            name: 'DataTableDetail',
            hidden: true,
            component: () => import('@/views/data/detail'),
            meta: { title: '数据详情' }
          },
          {
            path: 'tableInformation',
            name: 'TableInformation',
            hidden: true,
            component: () => import('@/views/data/tableInformation'),
            meta: { title: '数据表信息' }
          }
        ]
      }
    ]
  }
]
export default dataRouterMap