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

如下写法,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
    }
  ]
})
阅读 2.3k
1 个回答
新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题