vue3.2 - nextTick的使用

8,101 阅读1分钟
1. nextTick
nextTick 是将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它
2. 引入
import { nextTick } from 'vue'\
3. 异步使用
setup() {
    const message = ref('Hello!')
    const changeMessage = async newMessage => {
      message.value = newMessage
      await nextTick()
      console.log('Now DOM is updated')
    }
  }
4. 基本使用
  nextTick(()=>{
     ...
  })