vue.nextTick()方法的使用详解

2021-06-12  本文已影响0人  lvyweb

标签(空格分隔): vue


定义:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。
所以就衍生出这个获取更新后的DOM的vue方法,所以放在vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的js代码

理解:nextTick()是将回调函数延迟在下一次dom更新数据后调用,简单的理解就是,当数据更新了,在dom中渲染后,自动执行该函数。

注意:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用nextTick,则可以在回调中获取更新后的 DOM

 this.$nextTick(() => {
   //写你的代码
      })

https://blog.csdn.net/zhouzuoluo/article/details/84752280

上一篇下一篇

猜你喜欢

热点阅读