沒(méi)學(xué)習(xí)router之前，一直想不明白沐兰，只要一點(diǎn)擊我的導(dǎo)航欄菜單哆档，就會(huì)跳轉(zhuǎn)到對(duì)應(yīng)的頁(yè)面，但是導(dǎo)航欄不見(jiàn)了住闯，要回到首頁(yè)才有導(dǎo)航瓜浸，這該怎么解決。如下：
首頁(yè)：
Paste_Image.png
點(diǎn)擊菜單之后比原，導(dǎo)航欄不見(jiàn)了 ??
Paste_Image.png
看了官方文檔之后就都明白了插佛，
Paste_Image.png
具體的實(shí)現(xiàn)方式就是在組件的模板添加一個(gè) <router-view> 嘍，
自己動(dòng)手：
Paste_Image.png
然后router.js這樣配置：
export default new Router({
routes: [
{
path: '/home',
name: '首頁(yè)',
component: Home,
iconCls: 'el-icon-message',
},
{
path:'/',
name:'導(dǎo)航量窘。',
component:Nav,
children:[
{
path:'/scroll',
name:'滑塊',
component:scrollcontainer,
},
{
path:'/md',
name:'md',
component:Md,
},
{
path:'/water',
name:'water',
component:Water,
}
]
}
]
})
運(yùn)行雇寇，查看效果
nav.gif
over!
demo鏈接:https://github.com/ssdpj/mk/tree/vue-admine
