vue 锚点定位问题
在vue中用a标签实现锚点定位时,如果路由模式使用的是hash模式的话,如果有相应的路由的话会进行路由跳转。可以通过自定义方法来实现锚点定位。<a href="javascript:;" @click="goAnchor('#anchor-'+item.id)">{{item.text}}</a>goA
·
在vue中用a标签实现锚点定位时,如果路由模式使用的是hash模式的话,如果有相应的路由的话会进行路由跳转。可以通过自定义方法来实现锚点定位。
<a href="javascript:;" @click="goAnchor('#anchor-'+item.id)">{{item.text}}</a>
goAnchor (selector) {
var anchor = this.$el.querySelector(selector)
alert(anchor.offsetTop)
document.documentElement.scrollTop = anchor.offsetTop
}
更多推荐
已为社区贡献38条内容
所有评论(0)