如何使用路由器链接指向类似于"/users/:id/messages"的路由?



在我看到的所有新组件路由器的示例中,ID总是位于路由的末尾,如下所示:

@RouteConfig([
    {path: '/email/:id', component: email, as: 'email'},
])

你需要这样的路由器链接来访问它:

<a [router-link] = "['./email', {id:1234}">Emails</a>

我的问题是,如果我的路由具有以下格式,我将如何编写路由器链接?

@RouteConfig([
    {path: '/user/:id/messages', component: email, as: 'email'},
])

当我在地址栏中手动键入"/user/1234/messages"时,我可以成功进入该页面。但我似乎不知道路由器链接格式会做同样的事情。

@brandonroberts在这里回答了这个问题。基本上,路由器链接会尝试通过其名称来查找路由。

@RouteConfig([
    {path: '/user/:id/messages', component: email, as: 'Email'},
])

因此,在上面的示例中,名称是电子邮件。所以路由器链接必须这样写:

<a [router-link] = "['./Email', {id:1234}">Emails</a>

所以路由器链接会寻找一个名为"电子邮件"的路由,一旦找到,就会填写参数。

感谢Brandon的帮助!

相关内容

  • 没有找到相关文章

最新更新