Snippet

Auf State-Updates warten mit tick()

In Svelte werden DOM-Updates aus Performancegründen gebündelt. Die tick-Funktion gibt ein Promise zurück, das aufgelöst wird, sobald alle ausstehenden Zustandsänderungen im DOM angewendet wurden.

snippet.js

javascript

<script>
  import { tick } from 'svelte';
  let message = 'Hello';
 
  async function update() {
    message = 'Goodbye';
    await tick();
    console.log('DOM is now updated');
  }
</script>
 
<button on:click={update}>{message}</button>

svelte

Erklärung

await tick();

Wartet, bis der asynchrone DOM-Update-Zyklus abgeschlossen ist, bevor zur nächsten Zeile übergegangen wird.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Anfänger →

Auf State-Updates warten mit tick()

Verwandt