鍍金池/ 問答/HTML/ vue router路由跳轉(zhuǎn)了，但是頁面沒有變

vue router路由跳轉(zhuǎn)了，但是頁面沒有變

先上圖
app.js
圖片描述

router.js
圖片描述

index.vue
圖片描述

menu.vue
圖片描述

http://localhost:8080/#/index
圖片描述

http://localhost:8080/#/menu
圖片描述

點(diǎn)擊跳轉(zhuǎn)按鈕，路由正常跳轉(zhuǎn)了，但是頁面沒有變，請(qǐng)大佬指點(diǎn)

回答
編輯回答
薔薇花

一、把報(bào)錯(cuò)的問題解決；
二、把路由從children里面拎出來，如下

clipboard.png

2017年7月3日 02:35
編輯回答
毀與悔

你既然“/”的頁面跟你需要跳轉(zhuǎn)的組件沒有父子組件的關(guān)系，你應(yīng)該把該跳轉(zhuǎn)的組件路徑從children中提到外邊，單獨(dú)放置，如果你需要是父子組件路由嵌套的關(guān)系，記得在父組件的頁面適當(dāng)?shù)牡胤教砑?code><router-view></router-view>

2018年3月4日 09:16
編輯回答
不歸路

使用絕對(duì)路徑看下

2018年5月27日 19:43
編輯回答
茍活

報(bào)錯(cuò)信息已經(jīng)很明確了，你的組件命名是menu，它與html標(biāo)簽<menu>重名，vue不允許這樣。
你把menu頁面的組件name改成其他的就行了

2018年8月12日 16:16