关于前端: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();
}