如下写法,url上能正常显示路径http://127.0.0.1:8080/a,也能打印出对应的值this.$router.push({path: this.leftNavs[index].link}),为什么路由就是无法跳转成功呢?
<li v-for="(leftNav, index) in leftNavs" v-bind:key="leftNav.id" v-on:click = 'goToPage(index)'>
<span href="" >{{leftNav.name}}</span>
</li>
data () {
return {
scroll: false,
num: 0,
leftNavs: [
{name: 'a', link: '/a'},
{name: 'b', link: '/b'},
{name: 'c', link: '/c'},
{name: 'd', link: '/d'},
{name: 'e', link: '/e'},
{name: 'f', link: '/f'}
],
rightNavs: ['微信', '邮箱', 'github']
}
},
goToPage (index) {
// console.log(id)
console.log(this.$router)
this.num = index
console.log(this.leftNavs[index].link)
this.$router.push({path: this.leftNavs[index].link})
}
路由配置
export default new Router({
mode: 'history',
routes: [
{
path: '../',
name: 'a',
component: App,
meta: {
title: 'a'
}
},
{
path: '/b',
name: 'b',
component: b
}
]
})
路由里 a组件的path改为/a 试试