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

Ein seltener Fehler und eine Lösung für die vollständige SQL Server-Sicherung

1. Fehlerdetails Als ich einmal manuell eine voll...

Verwenden Sie nginx + sekundären Domänennamen + https-Unterstützung

Schritt 1: Fügen Sie dem primären Domänennamen vo...

Vue3 realisiert den Bildlupeneffekt

In diesem Artikelbeispiel wird der spezifische Co...

Die perfekte Lösung, um das Passwort in mysql8.0.19 zu vergessen

Lesetipp: MySQL 8.0.19 unterstützt Kontosperrfunk...

Verwenden von js, um einen Wasserfalleffekt zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.27 winx64

In diesem Artikel wird die Installations- und Kon...

Implementierung einer kreisförmigen CSS-Aushöhlung (Gutschein-Hintergrundbild)

In diesem Artikel werden hauptsächlich kreisförmi...

So erstellen Sie eine my.ini-Datei im MySQL 5.7.19-Installationsverzeichnis

Im vorherigen Artikel habe ich das ausführliche T...

Vue+Vant implementiert die obere Suchleiste

In diesem Artikelbeispiel wird der spezifische Co...