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

时间:2020-09-06 02:33:13

标签: vue.js vuex vue-router dynamic-routing

我的路线是:

`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)

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

1 个答案:

答案 0 :(得分:0)

看起来像一个简单的语法问题...我承认我是未经测试就从臀部开枪的,但我认为应该更像这样:

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

尽管这行得通,但是您可能想要创建一个计算属性来为您创建那些对象,并使它们脱离标记(模板),这将使所有内容变得更加简洁。 还应考虑采取安全措施,例如在0处停止,处理已删除用户的“空白”等。

相关问题