on
Mit der Methode on können Sie Ereignis-Handler für Zielelemente registrieren. Dadurch können Sie Benutzerinteraktionen einfach erfassen und darauf reagieren.
Hier ist ein Beispiel, das zeigt, wie man die on-Methode verwendet, um einen Klick-Event-Handler für ein Schaltflächenelement zu registrieren:
-
In diesem Beispiel verwenden wir die on-Methode, um einen Klick-Event-Handler für das Schaltflächenelement hinzuzufügen. Wenn der Benutzer auf die Schaltfläche klickt, wird der Event-Handler ausgelöst, der Zähler wird erhöht und das Ergebnis wird auf der Seite angezeigt.
Verwendung auf Template-Syntax-Weise
Sie können auch Template-Syntax verwenden, um Methoden an Zielelemente zu binden.
{{count}}
In diesem Beispiel binden wir mit on:click auf dem Button-Element eine Methode namens addCount. Wenn der Benutzer auf den Button klickt, wird diese Methode aufgerufen, der Zählerwert erhöht sich und wird auf der Seite angezeigt. Auf diese Weise kannst du Event-Handler mit Methoden der Komponente verknüpfen und komplexere Interaktionen realisieren.
event
Nach der Registrierung eines Ereignisses wird die ausgelöste Funktion mit dem Event-Parameter versehen, um mit dem nativen Verhalten übereinzustimmen:
-