使用 $route 对象
可以通过
ro
u
t
e
对象来访问当前页面的路由信息，包括查询参数。我们可以通过设置
route.query 来更新查询参数。例如，以下代码将会把查询参数 page 的值更新为 2：
this.$router.push({ path: this.$route.path, query: { ...this.$route.query, page: 2 } })
使用 $router 对象
除了使用 route对象来更新查询参数，我们还可以使用router 对象。在 $router 对象中，有一个方法叫做 replace 或 push，它们可以更新 URL 中的查询参数。例如，以下代码将会把查询参数 page 的值更新为 2：
this.$router.push({ query: { ...this.$route.query, page: 2 } })
需要注意的是，这种方式会把一个新的历史记录推入栈中，而不是覆盖当前的历史记录。如果你不需要保留当前的历史记录，可以使用 replace 方法：
this.$router.replace({ query: { ...this.$route.query, page: 2 } })
这样就可以更新当前页面的查询参数了。如果您还有其他问题，欢迎继续提问。
- 1995
-
undefined_AlvinLin
Vue.js
