nuxt3 nuxt-link动态查询参数：仅限第一次刷新页面

Question

在 app.vue 模板标题部分：

<input type="search" v-model="q" />
<nuxt-link :to="{path: '/search', query: {qry: q}}">Search</nuxt-link>

..
..
<nuxt-page />

在 search.vue 中

<script setup>

let r = useRoute();
console.log(r.query.qry);

</script>

结果，只有第一次，我才能得到 r.query.qry

之后点击搜索链接，什么也没有。只有按F5刷新整个浏览器，再次第一次获取查询参数，就获取不到了。

nuxt版本：

  "devDependencies": {
    "@nuxt/devtools": "latest",
    "nuxt": "^3.7.4"
  },

有什么意见欢迎留言。

Answer 1

使用

const r = useRoute();

而不是

let r = useRoute(); // this is wrong