nuxt。通过this进入搜索页面.$router.push清除URL查询参数

Answer 1

您应该使用它，如文档中提到的

<nuxt-link :to="{ path: 'search-page', query: { search: number } }">
  Try search page
</nuxt-link>

您也可以这样使用它，具体取决于您想要实现的目标。

<button @click="$router.push({ path: 'search-page', query: { search: number } })">
  Try some other way
</button>

正确的

/pages/search-page.vue

页面可以在这里找到。

Answer 2

我遇到了与OP相同的问题，但是，我通过使用@click.prevent阻止默认单击操作解决了该问题，例如：

<button @click.prevent="$router.push({ path: 'search-page', query: { search: number } })">
  Try some other way
</button>

我希望可以节省人们几个小时的灵魂探索！