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

javascript

import { createEventDispatcher } from 'svelte';
 
const dispatch = createEventDispatcher();
 
function completeTask(id) {
  dispatch('complete', {
    taskId: id,
    timestamp: Date.now()
  });
}

svelte

Erklärung

const dispatch = createEventDispatcher();

Initialisiert den Dispatcher; dies muss während der Komponenteninitialisierung aufgerufen werden.

dispatch('complete', { ... });

Sendet ein benutzerdefiniertes Event namens 'complete' mit einem Detail-Objekt, das Aufgabendaten enthält.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Fortgeschrittene →

Kommunikation über Component Event Dispatcher

Verwandt