Vue路由器无法删除查询

Question

我尝试通过单击按钮删除查询参数。

例如我的路线是http://localhost:8080/#/myroute?dialog=1。 现在我单击一个应该删除查询部分?dialog=1的按钮。

我的点击功能是这样的：

delete_query() {
  this.$router.replace({ query: null });
}

我也尝试过这种尝试：

delete_query() {
  this.$router.push({ query: null });
}

delete_query() {
  this.$router.push({ name: this.$route.name });
}

但是所有这些函数都给我同样的错误：

Uncaught (in promise) Error: Redirected when going from "/myroute?dialog=1" to "/myroute" via a navigation guard.

为什么？ 我做错了什么？我该如何解决这个问题？

我已经安装了 vue router 的实际版本 3.5.1。

Answer 1

如果我做对了，要删除 javascript 对象属性，您可以使用 javascript 的 delete 属性。像这样。

    delete_query() {
 delete this.$router.query // will delete all router queries 
 delete this.$router.query.name // will delete only name property.
}