vue多级路由嵌套问题

Question

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路径

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

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

求大神看看

Answer 1

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

{path:'/findMain'}

Answer 2

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

Answer 3

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