vue element-ui 菜單高亮，但是配置的頁面沒有跳轉

近期做項目遇到了一個小問題，拿來分享一下：

簡要說下內容：管理系統左側菜單欄是二級菜單欄，右側顯示每個菜單對應的頁面

 

 

配置菜單項，default-active設置菜單默認選中項，default-active只是設置選中菜單高亮

 

路由配置：

 

 

 

但是菜單狀態是選中，但是右側沒有內容，路由顯示還是停留在父級路由‘/’。

 

 

 

經查閱資料發現：如果進入父路由時，想要直接顯示子路由中內容，還需要配置默認路由

 

 

重新配置路由：

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld,
      children:[{
        path: '/DeviceMarker',
        component: DeviceMarker
      },{
        path: '/RainMarker',
        component: RainMarker,
      },
     //重定向路由
     {
        path: '/',
        component: RainMarker,
      }]
    }
  ]
})

就可以了！

資料地址：https://www.cnblogs.com/SamWeb/p/6610733.html