Vue · Middle · Pytanie 30 z 75

Jaki problem rozwiązuje tu `nextTick`?

showInput.value = true;
await nextTick();
inputRef.value.focus();

✓Poprawna odpowiedź: Pole renderuje się asynchronicznie; czekanie na następny tick gwarantuje, że istnieje już w DOM
2Opóźnia fokus o sekundę dla lepszego UX
3Czyni showInput reaktywnym

Wyjaśnienie

Zmiany stanu są grupowane; DOM aktualizuje się później w tym samym ticku. Bez nextTick wartość inputRef.value to wciąż null.

Do poczytania

Sprawdź się

Rozwiąż test Vue · Middle: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test