javascript / beginner
Snippet
Klick-Ereignisse verarbeiten
Um auf DOM-Ereignisse zu hören, verwenden wir die v-on-Direktive, die üblicherweise mit dem @-Symbol abgekürzt wird. Sie ruft eine in Ihrem Skript definierte Funktion auf, wenn das Ereignis eintritt.
snippet.js
1
2
3
4
5
6
7
8
9
<template><button @click="showAlert">Click Me!</button></template><script setup>const showAlert = () => {alert('Button was clicked!');};</script>
vue
Erklärung
1
@click="showAlert"
Hört auf das Klick-Ereignis und löst die Funktion showAlert aus.
2
const showAlert = () => { ... }
Definiert die Logik, die ausgeführt werden soll, wenn die Schaltfläche gedrückt wird.