Как я могу получить конкретную информацию в зависимости от того, на какой проект я нажимаю?

Question

У меня есть этот компонент, который показывает проекты пользователя, но я хочу перейти к новому компоненту, щелкнув по имени проекта, в котором отображается информация об этом конкретном проекте. Таким образом, я предполагаю, что мне нужно создать один компонент, который получает по vue router идентификатор выбранного проекта.

Как я могу отправить этот идентификатор проекта на новую страницу со ссылкой на маршрутизатор, которая отображает эту информацию?

Может быть, отправить идентификатор проекта в качестве параметра?

Answer 1

Вы можете использовать : имя_параметра в объекте маршрута.

const router = new VueRouter({
  routes: [
    { path: '/user/:id', component: User }
  ]
})

И вы можете получить к нему доступ в своем компоненте, используя this. $ Router.params.id

В зависимости от того, как вы хотите отобразить информацию, вы можете использовать <router-view> или даже вложенный <router-view>, чтобы показать детали проекта. Более подробную информацию можно найти здесь

https://router.vuejs.org/guide/essentials/dynamic-matching.html https://router.vuejs.org/guide/essentials/nested-routes.html