鍍金池/ 問(wèn)答/HTML/ elementui的el-menu組件,點(diǎn)擊菜單進(jìn)行路由跳轉(zhuǎn)問(wèn)題

elementui的el-menu組件,點(diǎn)擊菜單進(jìn)行路由跳轉(zhuǎn)問(wèn)題

一開(kāi)始,我這樣切換都沒(méi)有問(wèn)題

點(diǎn)擊圖標(biāo)進(jìn)入圖標(biāo)頁(yè)面

clipboard.png

點(diǎn)擊富文本編輯器,進(jìn)入富文本編輯器頁(yè)面

clipboard.png

現(xiàn)在的菜單配置跟路由配置是這樣的:

clipboard.png

clipboard.png

接下來(lái)問(wèn)題來(lái)了
我把菜單配置跟路由配置改成以下這樣:

clipboard.png

clipboard.png

其實(shí)就是多加了一層components而已,就是為了歸類(lèi)清晰一點(diǎn)。這樣改完后,我第一次點(diǎn)擊圖標(biāo)菜單,ok,沒(méi)有問(wèn)題,照樣可以路由到圖標(biāo)頁(yè)面,再點(diǎn)擊富文本編輯器,也沒(méi)有問(wèn)題,就是路徑發(fā)生了變化,看圖:

clipboard.png

是預(yù)想的結(jié)果,路徑多了一層components了,這時(shí)候當(dāng)我再點(diǎn)擊圖標(biāo)菜單時(shí),就出現(xiàn)下面這樣了,

clipboard.png

我并沒(méi)有改圖標(biāo)頁(yè)面的菜單配置跟路由配置,不知道為什么也會(huì)自動(dòng)加上components,導(dǎo)致頁(yè)面訪問(wèn)不到。

接觸vue不久,對(duì)路由理解不深,希望各位大神知道問(wèn)題的指點(diǎn)迷津啊,感激不盡~~~

回答
編輯回答
溫衫

上樓的答案是正解

2017年11月18日 04:50
編輯回答
脾氣硬

因?yàn)槟愕牟藛闻渲玫膇ndex設(shè)置為 'icons',所以跳轉(zhuǎn)會(huì)在當(dāng)前的父路徑下跳轉(zhuǎn),而不是在根路徑跳轉(zhuǎn)。應(yīng)該改成 /icons

{
    index: '/icons',
    title: '圖標(biāo)'
}

我也做了一個(gè)后臺(tái)管理系統(tǒng),可以交流哦:vue-manage-system

2017年9月14日 23:24