vue-cli中路由不跳转的问题

Question

如下写法，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
    }
  ]
})

Answer 1

路由里 a组件的path改为/a 试试