Nuxt js - передача параметров объекта в динамическом маршруте

Question

Я использую следующую ссылку для динамических маршрутов

<nuxt-link :key="$route.fullPath" :to="{ name: 'items-id', params: { parent: { id: item.parent.id, description: item.parent.description } }}">Click me</nuxt-link>

Таким образом, переход к /items/ правильно передает указанные параметры.Но если я нажимаю другую ссылку nuxt с другими параметрами, находясь по ссылке /items/, то ничего не происходит.Я полагаю, это потому, что URL-адрес на самом деле не меняется.

Какой лучший способ «перезагрузить» URL-адрес новыми параметрами?

Я рассмотрел использование пути, который будет отличаться для каждого из них.nuxt-ссылка

<nuxt-link :key="$route.fullPath" :to="{ path: '/items/' + item, params: { parent: { id: item.parent.id, description: item.parent.description } }}">Click me</nuxt-link>

Но это делает URL уродливым, так как включает в себя объект ref

Answer 1

Использование часов должно сделать это. Просто обновите переменную, которую вы хотите изменить, в соответствии со значением, например, если вы хотите отслеживать переменную id, то установите для нее переменную компонента, которую вы хотите отображать.

watch: { 
 id (value) {
  this.VARIABLE = value
 }
}

Answer 2

Просто watch() параметры (вероятно, идентификатор) и перезагрузите данные при их изменении:

watch: {
  id() {
     // reload your item here
  },
  ...
},