Vue 中的"NavigationDuplicated"异常有什么解决方法.js在 url 中推送查询参数同时保持在同一路径上时

Question

当前网址是

/search

新网址应为

/search?foo=bar

我只想更新我的查询参数在同一路由上，因为页面上应用了一些过滤器

我的代码：

this.$router.push({query: params})

有一种方法可以使用 catch 块处理"导航重复"错误，但只能抑制错误，路由中的查询参数仍未更新。

相关问题：

如何在 Vue 中使用 router.push 来获取相同的路径、不同的查询参数.js

但这给出了路径"/"，但我需要保持在同一页面上

Answer 1

您可以添加catch来解决此错误：

this.$router.push({query:params}).catch(() => {})

Answer 2

您可以使用 history.pushState((，它会在不推送路由器的情况下修改 URL。

https://stackoverflow.com/a/71042001/19222560