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

Lernen Sie die Grundlagen der JavaScript-DOM-Operationen in einem Artikel

DOM-Konzepte DOM: Dokumentobjektmodell: Das Dokum...

So fragen Sie Bilder in einem privaten Register ab oder erhalten sie

Docker fragt Bilder in einem privaten Register ab...

Beispielcode zum Erstellen eines Admin-Dashboard-Layouts mit CSS und JavaScript

Was Sie erstellen werden In diesem neuen Tutorial...

Beispiel für die Erstellung eines XML-Online-Editors mit js

Inhaltsverzeichnis Vorwort Die Notwendigkeit von ...

So unterstützen Sie ApacheBench mehrere URLs

Da der Standard-AB nur Stresstests für eine einze...

...

Vue3.x verwendet mitt.js für die Komponentenkommunikation

Inhaltsverzeichnis Schnellstart Anwendung Grundpr...

Drei Möglichkeiten zur Implementierung virtueller Hosts unter Linux7

1. Gleiche IP-Adresse, unterschiedliche Portnumme...

CentOS 8 Installationshandbuch für Zabbix 4.4

Zabbix-Serverumgebungsplattform ZABBIX Version 4....