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

Acht gängige SQL-Verwendungsbeispiele in MySQL

Vorwort MySQL setzte auch 2016 seinen starken Wac...

js zur Implementierung einer Interferenz mit Verifizierungscodes (statisch)

In diesem Artikel wird der spezifische Code von j...

Implementierung der Docker-Container-Statuskonvertierung

Ein Zustandsübergangsdiagramm eines Docker-Contai...

Führen Sie die Schritte aus, um mit Samba Ordner in CentOS 7 freizugeben

Vorwort Samba ist eine kostenlose Software, die d...

Eine kurze Analyse der startReactApplication-Methode von React Native

In diesem Artikel haben wir den Startvorgang von ...

Installation von VMware Workstation unter Linux (Ubuntu)

Wenn Sie nicht wissen, wie das System auf dem Com...

So ändern Sie den iTunes-Sicherungspfad unter Windows

0. Vorbereitung: • Schließen Sie iTunes • Beenden...

JS realisiert die automatische Wiedergabe der Timeline

Vor kurzem habe ich einen solchen Effekt implemen...

Vue verwendet Drag & Drop, um einen Strukturbaum zu erstellen

In diesem Artikelbeispiel wird der spezifische Co...