在vue項目中，因為采用路由跳轉，會導致無法使用常規的a標簽配合ID的錨點功能。

解決辦法：

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

以上這篇vue2.0模擬錨點的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。