標籤:

vue 三級路由

vue 三級路由

三級路由設置,多級以此類推

一級頁面,用keep-alive緩存二級頁面

二級頁面,用keep-alive緩存三級頁面

代碼

export default new Router({

routes: [

{

path: /,

name: index,

component: index,

redirect: /home,

children: [

{

path: /home,

component: home

},

{

path: /contact,

component: contact

},

{

path: /center,

component: center,

children: [

{

path: /center/list/:nav/:status,

component: centerList

}

]

}

]

},

{

path: /new,

component: news

}

]

})

效果圖

https://www.zhihu.com/video/1013486604903731200
推薦閱讀:

在mpvue中如何優雅的封裝ajax?
為什麼 meta 設置 renderer webkit 等頭信息在 QQ瀏覽器 無效?
對vue 內置組件keep-alive的疑問,include和exclude不生效?
Quill富文本編輯器,自定義上傳圖片時間,上傳七牛雲返回地址,插入編輯器?
iview 怎麼實現響應式?

TAG:React | 科技 | Vuejs |