So implementieren Sie simulierte Ankerpunkte in vue2.0

Dieses Mal zeige ich Ihnen, wie Sie einen Simulations-Ankerpunkt in vue2.0 implementieren Im Folgenden finden Sie einen praktischen Fall. Werfen wir einen Blick darauf.

Lösung:

<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 Update: Das Obige hat einen Fehler in Firefox, der Fix ist wie folgt:

Ich glaube, Sie haben den Fall in diesem Artikel gelesen. Nachdem Sie die Methode gemeistert haben, lesen Sie bitte andere verwandte Artikel auf der chinesischen PHP-Website, um weitere spannende Inhalte zu erhalten!

methods: {
 goAnchor(selector) {
  var anchor = this.$el.querySelector(selector)
  document.body.scrollTop = anchor.offsetTop; // chrome
  document.documentElement.scrollTop = anchor.offsetTop; // firefox
 }
}

Empfohlene Lektüre:

So verwenden Sie die Sass-Konfiguration im Vue-Projekt

So verwenden Sie das On-Change-Attribut in IView

Das obige ist der detaillierte Inhalt vonSo implementieren Sie simulierte Ankerpunkte in vue2.0. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!