努克斯特。通过 this.$router.push 去搜索页面清除 URL 查询参数

Question

我想从主页转到 nuxt myApp.com/search?parameter=1 中的搜索页面。在主页中，我可以通过使用 nuxt-link 以两种方式进入搜索页面：

<NuxtLink
  :to="`/search?parameter=${number}`"
>
</NuxtLink>

或者我可以用一个方法：

goToSearch() {
  this.$router.push(`/search?parameter=${this.number}`);
},

当我使用nuxt-link 并登陆搜索页面时，url 正确，参数为：myApp.com/search?parameter=1 但是，当我使用与页面中的按钮相关的方法并进入搜索页面时，url 变为 myApp.com/search，这对我来说是个问题！

请注意，我有两个既有方法又有 nuxt-link。我该如何解决它，以便在使用该方法并转到搜索页面时保留参数？

Answer 1

你应该使用这个，正如提到的in the documentation

<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 页面可以是found here。