
因为vue路由导致直接html的锚点功能失效,可以用js来实现,代码如下:
const toAnchorPoint = (location: string) => {
const dom = document.getElementById(location)
dom.scrollIntoView({ behavior: 'auto', block: 'start' })
}
调用的时候就传递一个id即可:
<a @click="toAnchorPoint('overview')"> 课程概述 </a>
<a @click="toAnchorPoint('standard')"> 课程标准 </a>
<div class="box-radius cdc-overview" id="overview">
</div>
<div class="box-radius cdc-standard" id="standard">
</div>
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)
评价
排名
8
文章
221
粉丝
7
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术