## 事象
[[Nuxt3]]を使って以下のようにルーティングがある前提で
```html
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
```
あるページで[[URL]]の[[Path (URI)|Path]]までが変わらず、[[Query (URI)|Query]]以降だけが変わったときにページがリロードされない。
## 原因
`<NuxtPage>`の一意性判定に[[Path (URI)|Path]]が含まれていないから。
## 解決方法
`key`に`fullPath`を指定することで[[Query (URI)|Query]]が変更した場合は別ページとして扱うようにする。
```html
<NuxtLayout>
<NuxtPage :key="$route.fullPath" />
</NuxtLayout>
```
> [!note]
> デフォルトは `:key="$route.path"`
## 参考
- [How to add query to current route without reload component in nuxt 3 · nuxt/nuxt · Discussion \#24062](https://github.com/nuxt/nuxt/discussions/24062)