Vue · Middle · Запитання 30 з 75

Яку проблему тут розв'язує `nextTick`?

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

✓Правильна відповідь: Поле рендериться асинхронно; очікування наступного тіку гарантує, що воно вже є в DOM
2Затримує фокус на секунду заради UX
3Робить showInput реактивним

Пояснення

Зміни стану групуються; DOM оновлюється пізніше в тому самому тіку. Без nextTick значення inputRef.value ще null.

Де почитати

Перевірте себе

Пройдіть тест Vue · Middle: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест