vue.js中对于this.$nextTick()的理解

仅仅是个人的理解,如有出入,欢迎指正!!!!

1.简单的理解,我认为vue.js中this.$nextTick()就是起到了一个等待数据的作用,也就是说,将一些回调延迟,等到DOM更新之后再开始执行。简单点说,相当于setTimeout()的作用。

例如:你改变了dom元素数据,然后你又想输出dom,那你只能等到dom更新完成之后才会实现


2.通过事件改变data数据,然后输出dom,在方法里直接打印的话, 由于dom元素还没有更新, 因此打印出来的还是未改变之前的值,而通过this.$nextTick()获取到的值为dom更新之后的值

所以,this.$netTick()在页面数据交互上有很大的帮助,可以等到获取的到数据之后再重新去操作dom进行数据渲染。。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容