Feinabstimmung von Watchern mit Flush-Timing

Snippet

Feinabstimmung von Watchern mit Flush-Timing

Standardmäßig werden Vue-Watcher vor den DOM-Updates ausgeführt. Die Verwendung von flush: 'post' stellt sicher, dass der Watcher-Callback erst nach der Aktualisierung des DOM ausgeführt wird, was entscheidend ist, wenn Sie auf aktualisierte DOM-Elemente zugreifen müssen.

snippet.js
javascript
import { ref, watch } from 'vue';
const count = ref(0);
const elementRef = ref(null);
 
watch(count, (newVal) => {
  // By default, elementRef.value might not reflect the updated DOM yet
  console.log('Watcher triggered');
}, { flush: 'post' });

vue

Erklärung

flush: 'post'

Weist Vue an, den Watcher-Callback zu verschieben, bis der DOM-Rendering-Zyklus abgeschlossen ist.

Vorheriges Snippet Nächstes Snippet

Mehr JavaScript-Übungen für Fortgeschrittene →

Verwandt

Aus deiner Bibliothek