您好,欢迎访问一九零五行业门户网

vue2.0怎样实现模拟锚点

这次给大家带来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怎样实现模拟锚点的详细内容。
其它类似信息

推荐信息