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

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