javascript / beginner
Snippet
Komponenten-Events versenden
Um von einer Kind-Komponente an eine Eltern-Komponente zu kommunizieren, verwendet Svelte einen Event-Dispatcher. Das Elternteil kann dann mit der 'on:'-Direktive auf diese benutzerdefinierten Events hören.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
<script>import { createEventDispatcher } from 'svelte';const dispatch = createEventDispatcher();function notifyParent() {dispatch('message', { text: 'Hello from Child!' });}</script><button on:click={notifyParent}>Notify Parent</button>
svelte
Erklärung
1
const dispatch = createEventDispatcher();
Initialisiert die Dispatcher-Funktion für die aktuelle Komponente.
2
dispatch('message', { ... });
Sendet ein benutzerdefiniertes Event namens 'message' mit optionalen Daten.