$nextTick

一、词义简介:
next下一次
Tick轮询
二、应用场景:
当改变数据后,要基于更新后的新DOM进行某些操作时,要在nextTick所指定的回调中执行
三、原理:
n e x t T i c k 下一次轮询的时候再执行, v u e 并不是说数据改变了立马视图就改变(原因:如果说你在这个函数中改了 3 个数据, v u e 不可能是改变一个数据就去更新视图,而是函数中所有执行完了,再去更新视图),所以 t h i s . nextTick下一次轮询的时候再执行,vue并不是说数据改变了立马视图就改变(原因:如果说你在这个函数中改了3个数据,vue不可能是改变一个数据就去更新视图,而是函数中所有执行完了,再去更新视图),所以this. nextTick下一次轮询的时候再执行,vue并不是说数据改变了立马视图就改变(原因:如果说你在这个函数中改了3个数据,vue不可能是改变一个数据就去更新视图,而是函数中所有执行完了,再去更新视图),所以this.nextTick里面的回调会在dom节点更新完毕之后再执行

add1(){
	this.edit=true;
	this.$nextTick(function(){
	
	})
}
在edit改变之后,dom也会改变,基于新dom节点来进行nextTick中的函数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值