仅禁用锚标签上的href onlick上的页面重新加载

Question

我有一个带有Bootstrap导航栏选项卡的页面。当用户单击导航栏时，我想更改URL（例如：localhost：3000 / users-> localhost：3000 / users？name ='test'）。我可以通过在 href 上添加链接来完成此操作，但是当我单击选项卡时，它会重新加载页面。我不希望它重新加载页面。

我尝试通过 onclick'return false;'来防止默认设置，但是它从未更改URL栏上的URL。

我知道如何通过单击侦听器并手动更改URL栏上的URL来解决此问题。但是似乎应该比这更容易。

有没有一种方法可以禁用页面重新加载，但保留该链接的其他属性？

Answer 1

尝试使用replaceState，它仅更改当前的URL地址而不加载它：

window.history.replaceState({}, document.title, "/" + "users?name='test'");