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

 

Logo

前往低代码交流专区

更多推荐