将回调推迟到下一个DOM更新周期之后执行,在更改了一些数据以等待DOM更新后立即使用它。
import { createApp, nextTick } from 'vue'
方式一:
const app = createApp({
setup() {
const changeMessage = async newMessage => {
...
await nextTick() 会返回一个Promise对象,所以可以使用await,等待nextTick()结束再执行后续操作
...
}
}
})
方式二:
const app = createApp({
setup() {
const message = ref('Hello!')
const changeMessage = async newMessage => {
nextTick(()=>{
...
})
}
}
})
vue3.0 nextTick
最新推荐文章于 2024-08-21 17:05:56 发布
本文介绍了如何在Vue中使用`nextTick`推迟回调执行,以便在数据更新后等待DOM渲染完成。两种方式演示了如何结合`async/await`和直接在回调中使用`nextTick`来确保UI同步更新。
摘要由CSDN通过智能技术生成