vue的路由嵌套

1.需要在 Router 的參數中使用 children 配置:

PS:登錄成功後跳轉到action組件,action組件嵌套了多個子組件,渲染左邊的導航欄(fixed)和默認渲染index的內容。相當於只有登錄和action兩個頁面
{
path: ‘/action’, component: action, name: ‘action’,
children: [
{ path: ‘/’, component: index, name: ‘index’ },
{ path: ‘index’, component: index, name: ‘index’}
]
}
在這裏插入圖片描述

2.登錄成功後的效果圖如下

在這裏插入圖片描述

3.路由跳轉都是在action/後面

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章