解决vue路由与锚点冲突


传统的锚点定位会与vue-router中的路由设置存在冲突,解决方法自定义锚点跳转:

html: 

<ul>
  <li><a href="" @click.prevent="custormAnchor('firstAnchor')">公共报文头</a></li>    
</ul>

 js: 

methods: {
    custormAnchor(anchorName) {
        // 找到锚点
        let anchorElement = document.getElementById(anchorName);
        // 如果对应id的锚点存在,就跳转到锚点
        if(anchorElement) { anchorElement.scrollIntoView(); }
    }
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM