乐趣区

关于前端:antdesign中anchor点击锚点后手动刷新页面显示空白

依照官网代码发现锚点点击之后手动刷新页面时页面会显示空白, 并且会默认给 url 地址加上 #id 后缀.
url:

是因为 antdesign anchor 底层代码是应用 a 标签来进行锚点跳转的, 所以咱们须要阻止 a 标签的默认行为.

<div id="aaa"></div>
<div id="bbb"></div>
<a-anchor @click="anchorClick">
    <a-anchor-link href="#aaa" title="a"></a-anchor-link>
    <a-anchor-link href="#bbb" title="b"></a-anchor-link>
</a-anchor>
anchorClick(e){e.preventDefault();
}
退出移动版