简单理解vue中的nextTick

18次阅读

共计 210 个字符,预计需要花费 1 分钟才能阅读完成。

nextTick() 用于在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM

nextTick() 是属于异步更新队列

应用场景

在 Vue 生命周期的 created 钩子函数进行的 DOM 操作一定要放在 vue.nextTick() 的回调函数中

在数据变化后要执行的某个操作,而这个操作需要使用随机数据改变而改变的 DOM 结构的时候,这个时候的操作都应该放进 Vue.nextTick() 的回调函数中。

正文完
 0