码迷,mamicode.com
首页 > 其他好文 > 详细

vue中$nextTick()

时间:2020-11-20 11:37:19      阅读:5      评论:0      收藏:0      [点我收藏+]

标签:官方   修改   方法   code   mis   执行   函数   渲染   promise   

在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()

标签:官方   修改   方法   code   mis   执行   函数   渲染   promise   

原文地址:https://www.cnblogs.com/cgb123/p/13976610.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!