使用 router-link 在 vuejs 中使用参数进行路由

Question

我正在尝试使用 vuejs 构建一个水疗中心，其中我现在有一个用户列表，当我单击一个用户时，它应该路由到一个新页面，其中包含特定用户的用户详细信息如何在 router-link 中参数化用户 ID

原文由 Kushagra Agarwal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用在路由器链接中传递参数

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

这里的“name”键参数定义了路由的名称，“params”键定义了您需要随该路由发送的参数。

如果你需要使用 Route Path 而不是 Route name，你可以使用。

 <router-link :to="{ path: 'home', params: { userId: 123 }}">Home</router-link>

参考

原文由 Shubham Patel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

看起来 params: {...} 不适用于未命名的路线，因此为了使其正常工作，我必须使我的链接像这样：

 <router-link :to="'/view-customer/' + customer.ID">

原文由 Pylinux 发布，翻译遵循 CC BY-SA 4.0 许可协议