这次给大家带来vue2.0怎样实现模拟锚点,vue2.0实现模拟锚点的注意事项有哪些,下面就是实战案例,一起来看一下。
解决办法:
<a href="javascript:void(0)" rel="external nofollow" @click="goanchor('#anchor')"> 灰啊灰啊我的骄傲放纵</a>
methods: {
goanchor(selector) {
var anchor = this.$el.queryselector(selector)
document.body.scrolltop = anchor.offsettop
}
}
17. 9. 20 更新: 以上在firefox有bug,修复如下:
methods: {
goanchor(selector) {
var anchor = this.$el.queryselector(selector)
document.body.scrolltop = anchor.offsettop; // chrome
document.documentelement.scrolltop = anchor.offsettop; // firefox
}
}
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
vue项目中怎么使用sass配置
iview中on-change属性如何使用
以上就是vue2.0怎样实现模拟锚点的详细内容。