【发布时间】:2021-05-27 17:27:35
【问题描述】:
如何在不使用 Vue-Router 重新加载 Vue 组件的情况下更改查询参数。但是推送新查询总是重新加载使我的 api 请求重新运行的组件
this.router.replace({query: {name: 'John'} })
【问题讨论】:
标签: javascript vue-router vuejs3
如何在不使用 Vue-Router 重新加载 Vue 组件的情况下更改查询参数。但是推送新查询总是重新加载使我的 api 请求重新运行的组件
this.router.replace({query: {name: 'John'} })
【问题讨论】:
标签: javascript vue-router vuejs3
这个在 Nuxt 中运行良好,所以我猜它在 Vue(甚至 3)中也完全没问题。
<button @click="$router.replace({ path: $route.path, query: { plan: 'private' } })">test</button>
它将推送您当前所在的相同路径,但会更改其中的查询参数。
取自官方文档:https://router.vuejs.org/guide/essentials/navigation.html
【讨论】:
path: $route.path 部分),但它仍会重新加载组件。