鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 請問vue.js中,this.$router.push實現(xiàn)跳轉(zhuǎn)的時候,路徑卻沒有

請問vue.js中,this.$router.push實現(xiàn)跳轉(zhuǎn)的時候,路徑卻沒有變化,到底是怎么回事???

前輩好,我想請問你們一個問題,就是為什么用this.$router.push的時候,頁面是跳轉(zhuǎn)了,但是路徑卻沒有變化??

這個是我的路由設(shè)置
圖片描述

然后這是我的html結(jié)構(gòu),我加了個跳轉(zhuǎn)的方法
圖片描述

然后點擊的時候
圖片描述

可是頁面是跳轉(zhuǎn)了,但是路徑卻不對
圖片描述
圖片描述

然后我就嘗試一下用router-link這樣來試試,結(jié)果卻可以
圖片描述
圖片描述

請問前輩,我到底是哪里寫錯了,還是漏了什么步驟。。。
希望能得到前輩的指教!打擾了!

回答
編輯回答
情皺

path: '/b' 后面沒帶參數(shù),所以this.$router.push({})的時候匹配不到b后面的/geshouxq
https://router.vuejs.org/zh-c...

2018年9月18日 17:13
編輯回答
哎呦喂

你的路由配置錯了。在多級路由中,二級路由也應(yīng)該配上路徑

2018年2月28日 18:04
編輯回答
孤客

將router.js中你定義的那個路徑命名一個名字,例如:

path: '/b',
component: bbb,
name: 'bb'
children: [
    {
        path: 'geshouxq',
        component: geshouxq,
        name: 'geshou'
    }
]

其它的也可以這樣命名,之后在使用的時候就可以這樣了:

this.$router.push({name: 'geshou'}); //這里使用你自己在路由里面命名的名字

//在模板里面也可以使用name的
<router-link :to="{name: 'geshou'}">點擊跳轉(zhuǎn)</router-link>
2018年9月19日 02:00