美文网首页
vue.nextTick()方法的使用详解

vue.nextTick()方法的使用详解

作者: lvyweb | 来源:发表于2021-06-12 10:56 被阅读0次

    标签(空格分隔): vue


    定义:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。
    所以就衍生出这个获取更新后的DOM的vue方法,所以放在vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的js代码

    理解:nextTick()是将回调函数延迟在下一次dom更新数据后调用,简单的理解就是,当数据更新了,在dom中渲染后,自动执行该函数。

    注意:Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用nextTick,则可以在回调中获取更新后的 DOM

     this.$nextTick(() => {
       //写你的代码
          })
    

    https://blog.csdn.net/zhouzuoluo/article/details/84752280

    相关文章

      网友评论

          本文标题:vue.nextTick()方法的使用详解

          本文链接:https://www.haomeiwen.com/subject/kmimeltx.html