Чтобы создать ссылку Vue Router с динамическим идентификатором, вы можете использовать различные методы в зависимости от ваших конкретных требований. Вот несколько подходов, которые вы можете рассмотреть:
-
Параметры запроса.
Вы можете передать динамический идентификатор в качестве параметра запроса в URL-адресе с помощью метода$router.push. Например:this.$router.push({ path: '/route', query: { id: dynamicId } });В целевом компоненте вы можете получить доступ к идентификатору, используя
this.$route.query.id. -
Параметры маршрута.
Если вы предпочитаете использовать параметры маршрута, вы можете определить динамический сегмент в пути вашего маршрута и передать идентификатор в качестве параметра с помощью$router.pushметод. Например:this.$router.push({ path: '/route/' + dynamicId });В конфигурации маршрута определите динамический сегмент следующим образом:
{ path: '/route/:id', component: YourComponent }В целевом компоненте вы можете получить доступ к идентификатору, используя
this.$route.params.id. -
Пользовательские атрибуты.
Вы можете создать настраиваемый атрибут для элемента ссылки маршрутизатора и привязать к нему динамический идентификатор. Например:<router-link :to="{ path: '/route', query: { id: dynamicId } }">Link</router-link>В этом случае динамический идентификатор передается как параметр запроса, аналогично первому методу.
Не забудьте заменить /routeфактическим путем маршрута, по которому вы хотите перейти. Выберите метод, который лучше всего соответствует потребностям и структуре вашего проекта.