这篇文章主要介绍了Vue项目中实现锚点定位，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
背景
今天在开发限时练-提分加项目的时候，有一个需要锚点定位的需求，而在Vue项目中，使用传统的在a标签的href属性中写id的方法无效，会导致浏览器的地址改变从而跳转到其他页面。
解决
最终参考vue2.0中怎么做锚点定位改问题下的回答实现了效果。
<div class="score-preview-container"> <div class="content-box"> <div class="content-page-box"> </div><div class="nav-button-box"> <span class="nav-button-fix"> <div class="nav-button">{{item}}</div></span></div></div></div>
另外，参考页面内锚点定位及跳转方法总结文章中的第四种方法，发现使用scrollIntoView()方法也能实现锚点定位的效果。
//锚点跳转 goAnchor(selector, index) { this.activeBtn = index; this.$el.querySelector(selector).scrollIntoView() }
以上所述是小编给大家介绍的Vue项目中实现
本文来源gao!%daima.com搞$代*!码$网3
锚点定位详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对gaodaima搞代码网网站的支持！
以上就是详解Vue项目中实现锚点定位的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：详解Vue项目中实现锚点定位
转载请注明原文链接：详解Vue项目中实现锚点定位
