1. 首页
  2. 编程语言
  3. Javascript
  4. Vue中的nextTick作用和几个简单的使用场景

Vue中的nextTick作用和几个简单的使用场景

上传者: 2021-09-10 08:31:23上传 PDF文件 134.61 KB 热度 15次

目的理解下 nextTick 的作用和几个简单的使用场景正文起什么作用?在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。我想各位都知道或了解 Vue 的渲染流程,Vue 在监听到数据变化后会重新渲染,配合 VDOM 更新真实的 DOM,而 nextTick 的触发时机就是在调用方法后的第一次重新渲染完毕后。需要等待渲染完成后执行的一些方法初始化绑定或操作 DOM比如在 created 和 mounted 回调中,需要操作渲染好的 DOM,则需要在 nextTick 中执行相关逻辑,这在必须使用一些老的需要绑定 DOM 的库时很有用。

用户评论