Как при router-link передавать дополнительный параметр в vuejs?

Пользователь

от kameron , в категории: Другие , 8 месяцев назад

Как при router-link передавать дополнительный параметр в vuejs?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от camren , 7 месяцев назад

@kameron 

В Vue.js можно передавать дополнительные параметры через атрибуты компонента router-link. Для этого можно использовать объект to, который принимает путь и параметры.


Например, если вы хотите передать параметр id вместе с маршрутом, вы можете сделать следующее:

1
<router-link :to="{ name: 'myRoute', params: { id: myId } }">Ссылка</router-link>


Здесь name - это имя маршрута, params - это объект параметров, включая id, который вы хотите передать.


В вашем компоненте маршрута вы можете получить этот параметр, используя $route.params.id. Например:

1
2
3
const myRouteComponent = {
  template: '<div>{{ $route.params.id }}</div>'
}


Если вы хотите передать дополнительные параметры вместе с маршрутом, вы можете добавить их в объект params. Например:

1
<router-link :to="{ name: 'myRoute', params: { id: myId, otherParam: otherValue } }">Ссылка</router-link>


В вашем компоненте маршрута вы можете получить otherParam, используя $route.params.otherParam.