vue.js - 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/ 正确地传递了指定的参数。但是，如果我在 /items/ url 上单击另一个具有不同参数的 nuxt-link，则什么也不会发生。我想这是因为 url 并没有真正改变。

使用新参数“重新加载”url 的最佳方式是什么？

我考虑过使用每个 nuxt-link 都不同的路径

<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

只是 watch() 参数(可能是 id)并在它们改变时重新加载数据:

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