Koordination mit nextTick

Snippet

Koordination mit nextTick

Vue aktualisiert das DOM nach Zustandsänderungen asynchron. Die Funktion nextTick gibt ein Promise zurück, das aufgelöst wird, nachdem der aktuelle DOM-Update-Zyklus abgeschlossen ist, sodass Sie sicher Berechnungen an aktualisierten Elementen durchführen können.

snippet.js
javascript
async function updateAndMeasure() {
  count.value++;
  await nextTick();
  console.log(content.value.offsetHeight);
}

vue

Erklärung

await nextTick()

Pausiert die Funktionsausführung, bis das DOM vollständig mit den neuen Zustandswerten gerendert wurde.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Fortgeschrittene →

Verwandt

Aus deiner Bibliothek