首页 > 其他分享 >vue2 - $nextTick 在下一次DOM更新结束后 指定其回调

vue2 - $nextTick 在下一次DOM更新结束后 指定其回调

时间:2023-02-17 14:57:02浏览次数:39  
标签:nextTick DOM 更新 vue2 回调 数据

Vue 实现响应式并不是数据发⽣变化之后 DOM ⽴即变化,⽽是按⼀定的策略进⾏ DOM 的更新。

$nextTick 是在下次 DOM 更新循环结束之后执⾏延迟回调,在修改数据之后使⽤ $nextTick,则可以在回调中获取更新后的 DOM,在下次 DOM 更新循环结束之后执行延迟回调。

简单的理解是:当数据更新了,在dom中渲染后,⾃动执⾏该函数。

例如:Vue在更新data之后并不会立即更新DOM上的数据,就是说如果我们修改了data中的数据,再马上获取DOM上的值,我们取得的是旧值,我们把获取

DOM上值的操作放进$nextTick里,就可以得到更新后得数据。  

 

 

 

标签:nextTick,DOM,更新,vue2,回调,数据
From: https://www.cnblogs.com/ErenYeager/p/17130086.html

相关文章