vue如何使用nextTick

这篇文章主要为大家展示了“vue如何使用nextTick”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“vue如何使用nextTick”这篇文章吧。

nextTick

功能： 添加在下次Dom更新循环结束之后的延迟回调，修改数据之后，可以获取更新后的Dom。
用法：

Vue.nextTick( [callback, context] )
vm.$nextTick( [callback] )
// 用法2
// 作为一个 Promise 使用 (2.1.0 起新增)
Vue.nextTick()
  .then(function () {
    // DOM 更新了
  })

说明：

• callback：延迟回调函数

• context：可选的object

ps：2.1.0 起新增：如果没有提供回调且在支持 Promise 的环境中，则返回一个 Promise。请注意 Vue 不自带 Promise 的 polyfill，所以如果你的目标浏览器不原生支持 Promise (IE：你们都看我干嘛)，你得自己提供 polyfill。

扩展： 关于nextTick的执行机制和使用场景，我们还必须掌握类似的requestAnimationFrame() 和 process.nextTick()， 前者是浏览器自带的监听（在下次重绘之前执行），后者是node环境下，在下一个事件轮询的时间点上执行。

以上是“vue如何使用nextTick”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！