zoukankan      html  css  js  c++  java
  • 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 使用 
                  Vue.nextTick()
                    .then(function () {
                      // DOM 更新了
                  })
  • 相关阅读:
    Spring
    数据库架构
    Spring
    Spring
    Spring
    服务的有状态和无状态(转)
    Java基础
    Ubuntu
    Ubuntu
    Ubuntu
  • 原文地址:https://www.cnblogs.com/cgb123/p/13976610.html
Copyright © 2011-2022 走看看