请问vue.js中，this.$router.push实现跳转的时候，路径却没有变化，到底是怎么回事？？？

Question

前辈好，我想请问你们一个问题，就是为什么用this.$router.push的时候，页面是跳转了，但是路径却没有变化？？

这个是我的路由设置

然后这是我的html结构，我加了个跳转的方法

然后点击的时候

可是页面是跳转了，但是路径却不对

然后我就尝试一下用router-link这样来试试，结果却可以

请问前辈，我到底是哪里写错了，还是漏了什么步骤。。。
希望能得到前辈的指教！打扰了！

Answer 1

将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'}">点击跳转</router-link>

Answer 2

你的路由配置错了。在多级路由中，二级路由也应该配上路径

Answer 3

path: '/b' 后面没带参数，所以this.$router.push({})的时候匹配不到b后面的/geshouxq
https://router.vuejs.org/zh-c...