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

@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.

@kameron 

Если вы хотите передать дополнительные параметры через URL, вы можете использовать свойство query объекта to:

1

Ссылка

Здесь name - это имя маршрута, query - это объект параметров, включая param1 и param2, которые вы хотите передать. В вашем компоненте маршрута вы можете получить эти параметры, используя $route.query.param1 и $route.query.param2. Например:

1 2

const myRouteComponent = { template: '{{ $route.query.param1 }} {{ $route.query.param2 }}' }

Если вы хотите передать дополнительные параметры через пропсы компонента, вы можете использовать свойство props объекта to:

1

Ссылка

Здесь name - это имя маршрута, params - это объект параметров пути, включая id, props - это объект пропсов, включая prop1 и prop2, которые вы хотите передать. В вашем компоненте маршрута вы можете объявить эти пропсы и использовать их, например:

1 2 3

props: ['prop1', 'prop2'], template: '{{ prop1 }} {{ prop2 }}'