javascript 路由器链接到带参数的路径

eqoofvh9 于 2023-02-18 发布在 Java

关注(0)|答案(1)|浏览(101)

我尝试使用 vue-router 转到vueapp中的用户详细信息路径。
我的路线是：

const routes = [
  { path: '/users', component: UserList },
  { path: '/users/:user_id', component: UserDetail },
  { path: '/bar', component: Bar }
]

和路由器链接：

<td><router-link :to = "{ path: 'users/:user_id', params: {user_id: user.id}} ">{{user.name}}</router-link></td>

但这显然不是正确的语法，我通常使用命名路由（例如，请参见https://router.vuejs.org/en/api/router-link.html）来处理这类内容，但我如何使用path呢？

编辑#1

鼠标悬停在其中一个链接上：

JavaScript

来源：https://stackoverflow.com/questions/50335769/router-link-to-path-with-params

1条答案

按热度按时间

xhv8bpkk1#

解决方法很简单，就像router-link docs说的那样：

<td>
  <router-link :to="{ name:'users', params: { user_id: user.id }">
    {{user.name}}
  </router-link>
</td>

如果你想像这样传递参数，你应该在:to中使用name而不是path。

赞(0）回复(0）举报 2023-02-18

我来回答

javascript 路由器链接到带参数的路径

编辑#1

1条答案

相关问题

热门标签

最新问答