删除 routerLink 时浏览器刷新

Question

我遇到了 Angular 2+ 的问题。因此，我在我的应用程序的特定页面中动态创建选项卡，用户也可以在单击关闭选项卡 ('x') 时删除这些选项卡，想象一下与 IDE 或文本编辑器上打开的文件类似的情况。

我将选项卡保存在一个数组中，当用户删除一个选项卡时，我在数组上进行拼接，选项卡从视图中删除，但浏览器会刷新。

每个选项卡都有一个 routerLink 以便我们可以在选项卡之间导航，在我的模块上我有类似 tab/:id 的东西。

我使用的是 <a> 标签而不是按钮，所以这不是 type="submit" 问题。

我尝试从选项卡中删除 routerLink，但它没有刷新，所以我认为这是 routerLink 的问题，但我无法弄清楚更多。

有谁知道可能是什么问题？ 有什么解决办法吗？

提前感谢！

Answer 1

我需要将event.preventDefault() 添加到具有 routerLink 的元素（选项卡）的点击事件中。