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更新循环之后执行。
相关推荐
书虫媛 2020-07-08
anchongnanzi 2020-09-21
yuzhu 2020-11-16
85477104 2020-11-17
KANSYOUKYOU 2020-11-16
sjcheck 2020-11-03
怪我瞎 2020-10-28
源码zanqunet 2020-10-28
gloria0 2020-10-26
王军强 2020-10-21
学习web前端 2020-09-28
QiaoranC 2020-09-25
安卓猴 2020-09-12
Macuroon 2020-09-11
kiven 2020-09-11
LittleCoder 2020-09-11
Cheetahcubs 2020-09-13
小焊猪web前端 2020-09-10
颤抖吧腿子 2020-09-04