使用Vue js动态路由匹配从一个配置文件/：id到另一个问题

Question

我的路线如下：

`path: '/apps/user/user-view/:userId',
name: 'app-user-view'`

我也有<router-link> :to="{name: 'app-user-view', params: { userId: $route.params.userId [+1] }}"</router-link>，我想把它带到下一个用户（user/1 到 user/2）

和<router-link> :to="{name: 'app-user-view', params: { userId: $route.params.userId [-1] }}"</router-link> 我想带我去上一个用户（user/2 到 user/1）

但它不起作用。我究竟做错了什么？请帮忙。谢谢

Answer 1

看起来像一个简单的语法问题......我承认我在没有测试的情况下从臀部开火，但我认为它应该更像这样：

<router-link :to="{name: 'app-user-view', params: { userId: $route.params.userId + 1 }}">Next User</router-link>

假设这可行，您可能希望创建一个计算属性来为您创建这些对象并将它们从标记（模板）中取出。这将使一切变得更清晰。 还要考虑安全措施，例如在 0 处停止、处理已删除用户的“差距”等...