Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Eventhandler mit Modifiern

Eventhandler mit Modifiern – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

Eventhandler mit Modifiern

“

Um die Standardaktion zu unterbinden, können Sie in JavaScript preventDefault() verwenden. Wie sieht das aus, wenn man Vue nutzt? Folgendes Beispiel: Ich habe einen Link, normalerweise löst ein Klick auf diesen Link dann aus, dass die Adresse aufgerufen wird. Wenn ich das nicht möchte, kann ich schreiben @click und dann brauche ich einen Modifizierer, einen Modifier, und im Beispiel heißt der prevent. Und damit wird dann die Standardaktion unterbunden. Wenn ich beim Beispiel auf den Link klicke, passiert deswegen nichts. Prevent ist ein sog. Modifizierer oder Modifier und davon gibt es mehrere in Vue. Sie können .stop verwenden, dann wird stopPropagation() aufgerufen und das Ereignis nicht an das übergeordnete Element weitergeleitet. .prevent haben wir uns eben schon angeschaut. Außerdem gibt es auch noch .self, dann wird der Ereignis-Handler nur auf das Element selbst ausgelöst. Weitere Modifier sind .capture, das ändert die Ereignisdelegation. .once ist sehr praktisch, wenn Sie…

Inhalt