子路由的组件如何显示在父级router-view的位置

yanguoliang
  • 6

有三级嵌套路由,他们逻辑上有嵌套,但是视图上没有嵌套,下面路由的部分

   {
    path: '/finance',
    component: _import('layout'),
    meta: { title: '财务管理' },
    children: [
      {
        path: '',
        redirect: '/finance/wallet'
      },
      {
        path: 'wallet',
        component: _import('finance/wallet'),
        meta: { title: '企业钱包管理' }
      },
      {
        path: 'bill',
        component: _import('finance/bill'),
        meta: { title: '消费对账' },
        children: [
          {
            path: 'detail',
            component: _import('finance/bill/detail'),
            meta: { title: '对账单详情' }
          }
        ]
      }
    ]
  }

他们的视图展示,一级路由,二级路由很好搞定!,一级路由占据了浏览器的整个页面图片描述

三级路由要显示在一级路由的位置!,也就是占据整个页面图片描述

第三级路由视图上与第二级路由没有嵌套关系,但是由于需要处理面包屑,二级路由和三级路由存在逻辑上的嵌套关系,除了重建一个面包屑的JOSN数据对象,有什么办法能够在不改变路由表的情况下,让第三级视图显示在第一级视图的位置?各位大神,欢迎提出你们的高见,感激不尽!!!

回复
阅读 3.7k
2 个回答
叫我鲁顺超吖
  • 2
新手上路,请多包涵

clipboard.png

clipboard.png
我也是一个新手,不知这样是不是投机取巧,还恳请各位大佬批评指正!

竟然能遇到一样的需求。。 , 不知道解决了没有

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏