Aus dem Kurs: Vue.js lernen
So erhalten Sie Zugriff auf diesen Kurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Eventmodifier verwenden
Vue stellt Ihnen sehr nützliche Event-Modifier zur Verfügung, zwei von diesen wollen wir uns anschauen. Beginnen wir erst einmal mit diesem Link. Was passiert, wenn man auf so einen Link klickt? Dann wird die entsprechende Seite aufgerufen. Das ist die Standardaktion, die ausgelöst wird eben bei Klick auf einen Link. Wenn ich hingehe und selbst mit Vue auf das Klickereignis reagieren will, dann will ich üblicherweise nicht, dass die Standardaktion ausgelöst wird, und das kann ich verhindern, indem ich @click schreibe und dann mache ich meinetwegen meine Aktion. Wichtig, ich ergänze nach ein .prevent und damit unterbinde ich die Standardaktion. D.h., wenn ich nun auf diesen Link klicke, dann wird die Website nicht aufgerufen. Wofür braucht man das? Ja, bspw. ganz klassisch auch, wenn Sie ein Formular haben und Sie kümmern sich selber um das Handling des Formulars, dann wollen Sie nicht, dass das Formular normal abgesendet wird, wenn jemand auf den Submit-Button klickt. Also das…
Inhalt
-
-
-
-
(Gesperrt)
Templates mit Mustache4 Min. 37 Sek.
-
(Gesperrt)
Attribut-Binding3 Min. 35 Sek.
-
Klassen dynamisch setzen3 Min. 14 Sek.
-
(Gesperrt)
Eventhandling einsetzen5 Min. 22 Sek.
-
(Gesperrt)
Eventmodifier verwenden1 Min. 49 Sek.
-
(Gesperrt)
Form Input Binding2 Min. 40 Sek.
-
(Gesperrt)
Konditionales Rendering2 Min. 57 Sek.
-
(Gesperrt)
Schleifen verwenden2 Min. 40 Sek.
-
(Gesperrt)
Berechnete Werte1 Min. 55 Sek.
-
(Gesperrt)
Sortierbare Tabelle3 Min. 2 Sek.
-
(Gesperrt)
Live Cycle Hooks4 Min. 25 Sek.
-
Challenge: Einkaufsliste2 Min. 36 Sek.
-
(Gesperrt)
Solution: Einkaufsliste4 Min. 10 Sek.
-
(Gesperrt)
-