vue路由和锚点的冲突

最新推荐文章于 2021-10-17 01:00:43 发布

很单纯的娃

最新推荐文章于 2021-10-17 01:00:43 发布

阅读量451

点赞数

文章标签： Vue 锚点路由 JavaScript scrollIntoView

本文链接：https://blog.csdn.net/qq_37826599/article/details/120528638

版权

做项目的时候要用锚点
发现用原始的锚点方法会出现覆盖路由的情况导致页面空白
网上解决办法亲测有效解决：

<ul>
  <li><a href="javascript:;" @click.prevent="custormAnchor('firstAnchor')">公共报文头</a></li>    
</ul>
custormAnchor(anchorName) {
    // 找到锚点
    let anchorElement = document.getElementById(anchorName);
    // 如果对应id的锚点存在，就跳转到锚点
    if(anchorElement) { anchorElement.scrollIntoView(); }
}