vue router具名路径

由 xpproen 创建,路飞 最后一次修改 2016-02-24

具名路径

在有些情况下,给一条路径加上一个名字能够让我们更方便地进行路径的跳转。你可以按照下面的示例给一条路径加上名字:

router.map({
  '/user/:userId': {
    name: 'user', // 给这条路径加上一个名字
    component: { ... }
  }
})

可以如下用 v-link 链接到该路径:

<a v-link="{ name: 'user', params: { userId: 123 }}">User</a>

同样,也可以用 router.go() 来切换到该路径:

router.go({ name: 'user', params: { userId: 123 }})

以上两种情况,路由都会最终切换到 /user/123

以上内容是否对您有帮助:

二维码
建议反馈
二维码