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

Kostenlose MySQL-Installationsversion (zip) – ausführliches Tutorial zur Installation und Konfiguration

In diesem Artikel finden Sie das Installations- u...

Detaillierte Erklärung zur Installation der MySQL-Datenbank auf dem Alibaba Cloud Server

Vorwort Da ich während des Lernprozesses Zookeepe...

Detaillierte Erklärung der Verwendung des MySQL-Paradigmas

1. Paradigma Der englische Name des Paradigmas la...

Detaillierte Erklärung der Lösung für das zu langsame Docker-Compose

Es gibt nur eine Lösung: die Quelle ändern! Die Q...

Beispielcode für die Verwendung von CSS zum Abdunkeln der Schriftfarbe des ausgewählten Bereichs beim Scrollen

Wenn Sie den Datumswähler kapseln, müssen Sie die...

Detaillierte Erklärung zum Problem der CSS-Klassennamen

Die folgenden CSS-Klassennamen, die mit einer Zah...

Kann Docker das nächste „Linux“ werden?

Das Linux-Betriebssystem hat das Rechenzentrum in...

Erklären Sie den Unterschied zwischen Iframe und Frame in HTML anhand von Beispielen

Ich weiß nicht, ob Sie das Frameset-Attribut in I...

HTML-Grundlagen: HTML-Inhaltsdetails

Beginnen wir mit dem Körper: Wenn Sie eine Webseit...

JavaScript-Grundlagen dieser Verweisung

Inhaltsverzeichnis Das Verfahren Im Objekt Verste...

Stellen Sie einen Varnish-Cache-Proxyserver basierend auf Centos7 bereit

1. Lackübersicht 1. Einführung in Varnish Varnish...

Detaillierte Erklärung des Unterschieds zwischen dem Standardwert des CSS-Attributs width: auto und width: 100%

Breite: automatisch Das untergeordnete Element (e...

Lösung für den Fall, dass der Tomcat-Server tomcat7w.exe nicht öffnen kann

Beim Konfigurieren des Tomcat-Servers ist mir heu...

Standardzusammenfassung zur Analyse der Leistung einer SQL-Anweisung

In diesem Artikel wird die Verwendung von „Explai...

So ändern Sie das Passwort in MySQL 5.7.18

So ändern Sie das Passwort in MySQL 5.7.18: 1. Fa...