如下页面跳转后无法正常渲染

[zarte]

{
//一级菜单
    path: '/tasks',
    component: Layout,
    redirect: 'noredirect',
    alwaysShow: true,
    meta: {
      title: 'tasks',
      icon: 'tasks2'
    },
    children: [{
//二级菜单
      path: 'taskslist',
      component: () => import('@/views/tasks/taskslist'),
      name: 'taskslist',
      meta: { title: 'taskslist', icon: 'list', noCache: true },
      children: [{
//三级不显示
        path: '/tasks/taskslist/taskdetail/:id(\\d+)',
        component: () => import('@/views/tasks/taskslist/taskdetail'),
        name: 'taskdetail',
        meta: { title: 'taskdetail', noCache: true },
        hidden: true
      }]
    }

侧边栏修改过二级能正常显示为可跳转的菜单了，问题是访问3级的那个菜单地址页面加载的是二级菜单的页面，地址栏正常是三级的地址.

[zarte]

找到了是嵌套路由的原因。
我要实现上面这样的路径嵌套ui又不嵌套的要怎么弄呀？

[PanJiaChen]

请仔细看文档。
有多少级路由，就有多少个 router-view。

https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/new-page.html#%E5%A4%9A%E7%BA%A7%E7%9B%AE%E5%BD%95-%E5%B5%8C%E5%A5%97%E8%B7%AF%E7%94%B1

[zarte]

@PanJiaChen 那要实现访问三级页面的时候不显示二级页面的内容怎么弄？直接加那样二级的内容三级也会显示。主要是面包屑导航又是根据嵌套自动生成的

[PanJiaChen]

二级页面加不想在三级页面显示的内容加一个v-if。