javascript / intermediate
Snippet
Kommunikation über Component Event Dispatcher
Sveltes Event-Dispatcher ermöglicht es Komponenten, benutzerdefinierte Ereignisse an ihre Eltern-Komponenten zu senden. Im Gegensatz zu Standard-DOM-Events steigen diese nicht automatisch auf (Bubbling), es sei denn, sie werden explizit weitergeleitet.
snippet.js
1
2
3
4
5
6
7
8
9
10
import { createEventDispatcher } from 'svelte';const dispatch = createEventDispatcher();function completeTask(id) {dispatch('complete', {taskId: id,timestamp: Date.now()});}
svelte
Erklärung
1
const dispatch = createEventDispatcher();
Initialisiert den Dispatcher; dies muss während der Komponenteninitialisierung aufgerufen werden.
2
dispatch('complete', { ... });
Sendet ein benutzerdefiniertes Event namens 'complete' mit einem Detail-Objekt, das Aufgabendaten enthält.