zoukankan      html  css  js  c++  java
  • vue中nextTick的理解

    A. vue 中的 nextTick 是什么?

        1.首先需要清楚,nextTick是一个函数;这个函数的作用,简单理解就是下一次渲染后才执行 nextTick 函数中的操作;

      2.在下一次 DOM 更新循环结束之后延迟回调,也就是延迟执行一段代码。

    B. 什么情况下使用 nextTick 函数?

      当项目数据改变后,需要对新改动的元素进行视图操作的时候,可能数据值已经进行修改,但是视图还没更新,直接操作报错的时候;

    C. nextTick函数解决什么问题?

         数据值修改,视图没有立即更新,直接使用提示错误。

      

    D. 总的来说:

    1. 在下次DOM更新循环结束后延迟执行回调,在修改数据之后立即使用这个方法,可以获取到更新后的DOM;

    2. Vue中的Dom异步更新;
    3. 应用场景:数据变化后需要立即执行的某个操作,而且这个操作需要使用随数据改变而改变的DOM结构的时候,这个操作就要放在nextTick()的回调函数里面;
    4. 官网的用法描述是:将回调延迟到下次dom更新循环之后执行。

  • 相关阅读:
    hdu2089 不要62
    hdu4734 F(x)
    hdu3555 Bomb
    hdu3652 B-number
    hdu4352 XHXJ's LIS
    CodeForces 55D Beautiful numbers
    数位dp模板
    欧拉函数模板
    UVALive
    常用正则表达 (转)
  • 原文地址:https://www.cnblogs.com/ChineseLiao/p/11805912.html
Copyright © 2011-2022 走看看