Ein Artikel zeigt Ihnen, wie Sie den Watch-Listener von Vue verwenden

Ein Artikel zeigt Ihnen, wie Sie den Watch-Listener von Vue verwenden

Hörer beobachten

  • Der Funktionsname ist der Name des abzuhörenden Elements.
  • Der erste übergebene Parameter ist der neue Wert newval nach der Änderung und der zweite der alte Wert oldval vor der Änderung.

Format

Listener im Methodenformat

  • Es kann nicht automatisch beim Aufrufen der Seite ausgelöst werden. Es wird nur ausgelöst, wenn Änderungen erkannt werden.
  • Wenn Sie einem Objekt zuhören, hören Sie nicht, wenn sich die Eigenschaften des Objekts ändern.

Objektformat-Listener

  • Mit der Option „Immediate“ kann der Listener automatisch ausgelöst werden
  • Mit der Option „Deep“ kann der Listener genau auf Änderungen der Eigenschaften des Objekts achten.

Dies ist das Datenobjekt in der Vue-Instanz:

Bildbeschreibung hier einfügen

Richten Sie den Listener ein:

Im Folgenden sind Listener im Methodenformat und Listener im Objektformat aufgeführt:

Der Listener im Methodenformat wird implementiert, indem der Listener ausgelöst wird, wenn sich der Inhalt in der Eingabe ändert, und auf den Inhalt in der Eingabe lauscht (der Inhalt ist an den Begriff gebunden). Wenn der Inhalt in der aktuellen Eingabe nicht im bereits vorhandenen Array enthalten ist, wird er dem bereits vorhandenen Array hinzugefügt. Andernfalls wird ein Eingabeaufforderungsfeld angezeigt, das angibt, dass der Name bereits vorhanden ist.

Der Objektformat-Listener wird implementiert, indem der Listener sofort nach dem Laden der Seite ausgelöst wird und auf Änderungen im Namensattribut des Foo-Objekts wartet.

Bildbeschreibung hier einfügen

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • Detaillierte Erläuterung des Watch-Listener-Beispiels in vue3.0
  • So verwenden Sie Watch-Listener in Vue2 und Vue3
  • Lösen Sie das Problem von undefiniert, wenn Sie dies in Vue Listener Watch aufrufen
  • Detaillierte Erläuterung des Vue 2.0-Listener-Watch-Attributcodes
  • Erweiterte Beispiele für die Verwendung von Uhren in Vue.js

<<:  Detaillierte Erklärung des Unterschieds zwischen Flex und Inline-Flex in CSS

>>:  HTML-Kopfstruktur

Artikel empfehlen

9 Tipps zur MySQL-Datenbankoptimierung

Inhaltsverzeichnis 1. Wählen Sie die am besten ge...

MySQL-Datenbank implementiert MMM-Hochverfügbarkeitsclusterarchitektur

Konzept MMM (Master-Master-Replikationsmanager fü...

Detailliertes Tutorial zur Offline-Installation von MySQL unter CentOS7

1. Löschen Sie die ursprüngliche MariaDB, sonst k...

Detaillierter Installationsprozess und Konfiguration von mysql5.7.19 zip

Offizielle Version von MySQL v5.7.19 (32/64-Bit-I...

Lösung für MySQL-Fehler beim Ändern des SQL-Modus

Inhaltsverzeichnis Ein Mord verursacht durch ERR ...

Detaillierte Verwendung von React.Children

Inhaltsverzeichnis 1. Reagieren.Children.map 2. R...

CSS-Vererbungsmethode

Gegeben sei ein Div mit folgendem Hintergrundbild...

Einige Punkte, auf die wir beim Entwurf einer Webseite achten sollten

Webdesign: Je nach persönlichen Vorlieben und Inha...