vue怎么嵌套多级路由页面打不开_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路径

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

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

求大神看看