vue.js - 使用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 to user/1 ）

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

Answer 1

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

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

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