路由器鏈接到帶參數的路徑

Question

我正在嘗試使用vue-router轉到我的vue app的UserDetail路徑。

我的路線是：

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 ）用於這種類型的路由，但是如何使用路徑？

編輯＃1

將鼠標懸停在鏈接之一上：

Answer 1

解決方案很簡單。 就像路由器鏈接文檔所說的那樣：

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

如果要傳遞這樣的參數，則應在:to內使用name而不是path 。