роутер-ссылка на путь с параметрами

Question

Я пытаюсь перейти к пути UserDetail в моем vue app, используя vue-router .

Мои маршруты:

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, например) для такого типа вещей, но как я могу использовать путь?

edit # 1

наведя курсор мыши на одну из ссылок:

Answer 1

Решение простое.Просто сделайте, как router-link docs говорит:

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

Если вы хотите передать такие параметры, вы должны использовать name вместо path внутри :to.