Vue中使用锚点定位跳转失效

在项目中，最简单最直接的锚点定位跳转的方式就是要给点击的a标签的href属性上，加上要跳转的内容对应的id，实现浏览器location的url的改变进行跳转，这个方法在Vue中加入Vue-router已经失效，要想实现在Vue中使用锚点定位进行跳转，在点击锚点之后获取到要跳转的内容的元素，然后给html或body或需要scroll的内容的scrollTop赋值，还有一个简单的方法就是在该元素的身上加上scrollIntoView()，这个方法是最好用且不复杂的方法 :

document.getElementById('内容的id').scrollIntoView();
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容