nextTick()

nextTick() — это метод Vue, который позволяет отложить выполнение кода до следующего цикла обновления DOM. Это полезно, когда нужно работать с DOM после того, как Vue обновил его в ответ на изменение данных.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script setup>import { ref, nextTick } from 'vue'  const msg = ref(1)  async function fn() {  msg.value = 2  await nextTick()  const value = document.getElementById('msg').innerHTML  console.log(value) // без nextTick выведет '1' c '2'}</script>  <template>  <p id="msg">{{msg}}</p>  <button @click="fn">Кнопка</button></template>