vue 锚点定位问题

在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
    }

猜你喜欢

转载自blog.csdn.net/wang1006008051/article/details/81386217
今日推荐