你可以使用:

<a href="/" onclick="return false;">123n</a>

如果你只是想暂时禁用链接，但留下href在那里启用以后(这是我想做的)，我发现所有的浏览器使用第一个href。因此，我能够这样做:

<a class="ea-link" href="javascript:void(0)" href="/export/">Export</a>

如果你正在使用WordPress，我创建了一个插件，可以做到这一点，而且不需要知道如何编码任何东西。你所需要做的就是添加你想要禁用的链接的选择器，然后从出现的下拉菜单中选择“在新选项卡中禁用使用此选择器的所有链接”，然后单击更新。

点击这里查看演示这一点的动图

你可以从WordPress.org插件库中获得免费版本来尝试一下。

您需要删除<a>标记来摆脱这个。

或者试着使用:-

  <a href="/" onclick="return false;">123n</a>

我能够使用ng-href三元操作实现所需的结果

<a ng-href="{{[condition] ? '' : '/'}}" ng-class="{'is-disabled':[condition]}">123n</a>

在哪里

a.is-disabled{
   color: grey;
   cursor: default;

   &:hover {
      text-decoration: none;
   }
} 

当您将鼠标移到href标签上时，href标签中的任何内容都将显示在浏览器窗口的左下角。

我个人认为像javascript:void(0)这样的东西显示给用户是可怕的。

相反，关闭href，使用jQuery/其他工具，添加一个样式规则(如果你仍然需要它看起来像一个链接):

a {
    cursor:pointer;
}