vue2.0怎麼實現模擬錨點

這次帶給大家vue2.0怎樣實作模擬錨點，vue2.0實作模擬錨點的注意事項有哪些，以下就是實戰案例，一起來看一下。

解決方法：

<a href="javascript:void(0)" rel="external nofollow" @click="goAnchor(&#39;#anchor&#39;)"> 灰啊灰啊我的骄傲放纵</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
 }
}

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

vue專案中怎麼使用sass配置

#IView中on-change屬性如何使用

以上是vue2.0怎麼實現模擬錨點的詳細內容。更多資訊請關注PHP中文網其他相關文章！