Lösen Sie das Problem der Datensynchronisierung beim Scrollen und Liken von Vue-Seamless-Scroll

Lösen Sie das Problem der Datensynchronisierung beim Scrollen und Liken von Vue-Seamless-Scroll

VUE verwendet vue-seamless-scroll zum automatischen Scrollen und Liken. Da zwei davon ausgeblendet sind, werden die Klicks nicht mit dem DOM synchronisiert. Im Code werden zwei vue-seamless-scrolls nach oben und unten verschoben. Der Like-Trigger im verschobenen Teil reagiert nicht. Der Grund ist: der verschobene vue-seamless-scroll unten ist statisch und das DOM ist nicht synchronisiert.

Lösung: Fügen Sie this.$refs.seamlessScroll.reset() hinzu, um das Zurücksetzen anzuzeigen

Dies ist das Ende dieses Artikels über die Lösung des Datenasynchronitätsproblems am Verbindungspunkt von vue-seamless-scroll und Likes. Weitere relevante Inhalte zu vue-seamless-scroll finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Vue implementiert die Funktion „Gefällt mir“ und „Gefällt mir abbrechen“ auf statischen Seiten
  • Beispiel für einen Vue-Übergang zum Erreichen eines Animationseffekts
  • Vue+Bootstrap-Sammlung (ähnlich) Funktionslogik und spezifische Implementierung
  • Vue-Beispielcode zur Implementierung von Likes und schwebenden Herzeffekten im Live-Übertragungsraum
  • Zusammenfassung von Kommunikationsbeispielen zwischen Vue-Komponenten (wie Funktion)
  • VUE verwendet Vuex, um Nachrichten wie ein Funktionsbeispiel zu simulieren
  • Vue-Entwicklung zur Realisierung einer Kommentarliste
  • Vue implementiert eine Kommentarliste
  • Vue implementiert einfache Kommentarfunktion
  • Vue implementiert Artikel-Likes und Dislike-Funktionen

<<:  Überwachen Sie die Größenänderung eines DOM-Elements über Iframe

>>:  Wie viele Ports kann ein Linux-Server maximal öffnen?

Artikel empfehlen

Organisieren Sie die allgemeinen Wissenspunkte von CocosCreator

Inhaltsverzeichnis 1. Szene laden 2. Knoten suche...

So implementieren Sie das MySQL-Umschalten des Datenspeicherverzeichnisses

So implementieren Sie das MySQL-Umschalten des Da...

Implementierung von Single-Div-Zeichentechniken in CSS

Sie können häufig Artikel über das Zeichnen mit C...

Nginx-Proxy-Axios-Anforderung und Vorsichtsmaßnahmen

Vorwort Ich habe vor kurzem eine kleine Demo gesc...

Eine einfache Möglichkeit, Desktop-Exe-Programme auf einer Webseite aufzurufen

Dieser Artikel stellt hauptsächlich vor, wie Deskt...

JavaScript-Array-Deduplizierungslösung

Inhaltsverzeichnis Methode 1: Set: Es handelt sic...

Verwenden Sie Docker, um ein verteiltes lnmp-Image zu erstellen

Inhaltsverzeichnis 1. Verteilte LNMP-Image-Produk...

Analyse des Konfigurationsprozesses der Nginx-HTTP-Integritätsprüfung

Passive Prüfung Mit passiven Integritätsprüfungen...

Einfaches Anwendungsbeispiel für MySQL-Trigger

Dieser Artikel veranschaulicht anhand von Beispie...