VUE中this.$nextTick有什么作用?

it2026-08-17  7

定义:将回调延迟到下次 DOM 更新循环之后执行(dom挂载完成后执行)

需求:当需要获取数据更新过后DOM的最新状态,可使用该方法

用法:在修改数据之后立即使用它(mounted/methods里面),然后等待 DOM 更新

原因:因为直接获取DOM状态是拿不到的,在vue里面数据更新虽然是同步的,但是DOM的更新是异步的

与全局方法 Vue.nextTick区别:用法 一样,不同的是回调的 this 自动绑定到调用它的实例上

举例:可获取某元素高度

最新回复(0)