vue路由页面如何加锚点

版权声明： https://blog.csdn.net/xiasohuai/article/details/82659364

我们在路由页面加锚点的时候，经常会跟路由冲突。那么我们如何解决呢？

我们可以使用以下方法实现：

@click.prevent="custormAnchor(index)

<div id="index">锚点内容</div>

custormAnchor(index) { //锚点滚动到固定位置      
     let anchorElement = document.getElementById(index);
     if(anchorElement) { anchorElement.scrollIntoView(); }               
},

 这是项目案例：