this.$nextTick

343 阅读1分钟

vue 中 this.$nextTick(callback)

作用: 处理Vue中Dom的异步更新 简单理解: 当数据更新时,在dom渲染之后,会自动执行callback函数

vue在执行dom更新时是异步的 vue观察到数据的变化,把这事(更新dom)缓存到一个事件模型里(事件循环) 避免不必要的多次计算和dom操作(重复点击之类的) 也就是说 数据更新时,不会立刻重复渲染,他会在js引擎清空事件队列的之后,在进行渲染 如果想在事件变化之后 立刻获取dom节点 用 this.$nextTick 方法