router-link

来源:4-4 单页面应用 Demo2(1)

狼与香辛料

2019-01-17 19:50

to属性写成这样

<li><router-link :to="{name: 'user'}">个人中心</router-link></li>

不起作用,提示:[vue-router] Route with name 'user' does not exist

写成

<li><router-link to="/list">新闻列表</router-link></li>就可以正常跳转


写回答 关注

1回答

  • Brian
    2019-01-21 10:05:20

    很有可能是由于你在创建router的时候,没有给这个router一个属性 name。

    正确的写法如下:

    JS:
    const router = new VueRouter({
      routes: [
        {
          path: '/user/:userId',
          name: 'user',
          component: User    }
      ]})
    
    Route:
    <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

    参考:命名路由

3小时速成 Vue2.x 核心技术

带你快速学习最流行的前端框架vue2.x的核心技术

82558 学习 · 487 问题

查看课程

相似问题