按照官网代码发现锚点点击之后手动刷新页面时页面会显示空白,并且会默认给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();
}