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

Zusammenfassung der Browserkompatibilität gängiger CSS-Eigenschaften (empfohlen)

Warum müssen wir die Browserkompatibilität von CS...

Anfänger lernen einige HTML-Tags (3)

Verwandte Artikel: Anfänger lernen einige HTML-Ta...

Javascript Blob-Objekt zum Erzielen eines Dateidownloads

Inhaltsverzeichnis veranschaulichen 1. Blob-Objek...

Vue implementiert bidirektionale Datenbindung

In diesem Artikelbeispiel wird der spezifische Co...

MySQL-Hochverfügbarkeitslösung MMM (MySQL Multi-Master-Replikationsmanager)

1. Einführung in MMM: MMM steht für Multi-Master ...

Verwenden Sie JavaScript, um Seiteneffekte zu erstellen

11. Verwenden Sie JavaScript, um Seiteneffekte zu...

Einführung in die Verwendung sowie Vor- und Nachteile von MySQL-Triggern

Inhaltsverzeichnis Vorwort 1. Trigger-Übersicht 2...

Verständnis und Anwendung des Destrukturierungsoperators von JavaScript ES6

Inhaltsverzeichnis Vorwort Die Rolle von Dekonstr...

MySQL mit Nutzungsanalyse

Verwendung von „haben“ Mit der Having-Klausel kön...

Erstellen Sie ein privates Docker-Warehouse (selbstsignierte Methode)

Um die von uns erstellten Images zentral zu verwa...