vue中$nextTick()
Posted cgb123
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中$nextTick()相关的知识,希望对你有一定的参考价值。
在vue中的$nextTick()方法,有异步执行的作用。在生命周期中理解的话:
-在created()钩子中使用的话,此时真实DOM并未生成,$nextTick()可以等待真实DOM渲染之后再对真实DOM进行渲染、更新所以在xreated()钩子中有对DOM的操作,都要放到$nextTick()的回调函数中。
-官方解释:
## Vue.nextTick( [callback, context] )
·{Function} [callback]
·{Object} [context]
·在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
```// 修改数据
vm.msg = ‘Hello‘
// DOM 还没有更新
Vue.nextTick(function () {
// DOM 更新了
})
// 作为一个 Promise 使用 (2.1.0 起新增,详见接下来的提示)
Vue.nextTick()
.then(function () {
// DOM 更新了
})
以上是关于vue中$nextTick()的主要内容,如果未能解决你的问题,请参考以下文章