vue多级路由嵌套问题

1.项目需要我这里是两层的子路由嵌套子路由

{
           path: '/',
           name: 'FooterMain',
           component: FooterMain,
           redirect: '/main',
           children: [{
                   path: 'main',
                   name: 'Main',
                   component: Main
               }, {
                   path: 'marketMain',
                   name: 'MarketMain',
                   component: MarketMain
               },
               {
                   path: 'myInfo',
                   name: 'Myinfo',
                   component: Myinfo
               }, {
                   path: 'findMain',
                   name: 'FindMain',
                   component: FindMain
               }, {
                   path: 'gridMain',
                   name: 'GridMain',
                   component: GridMain,
                   redirect: '/gridMain/curGrid',
                   children: [{
                           path: 'curGrid',
                           name: 'CurGrid',
                           component: CurGrid
                       },
                       {
                           path: 'historyGrid',
                           name: 'HistoryGrid',
                           component: HistoryGrid
                       }
                   ]
               }
           ]

route-link的path路径
image.png

如果我先进入/gridMain/curGird的时候,后面所有的路径都会跟上/gridMain,所以导致页面也找不到
image.png

点击findMain页面访问main页面的时候路径就变成了/gridMain/main了,导致页面找不到
image.png

求大神看看

阅读 5.7k
3 个回答

点去掉,/就表示根路径,./表示相对路径

{path:'/findMain'}

去掉. 在父组件下的子组件 path自动继承父组件的path

问个问题,我在网上的例子大多数看到路由都配置到三级,我目前做的动态路由,栏目层级是后台新建,动图加载,我要是有六级七级为啥三级以后就会错乱,我的两极三级都没有问题

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