javascript / intermediate
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
1
2
3
4
5
async function updateAndMeasure() {count.value++;await nextTick();console.log(content.value.offsetHeight);}
vue
Erklärung
1
await nextTick()
Pausiert die Funktionsausführung, bis das DOM vollständig mit den neuen Zustandswerten gerendert wurde.