美文网首页
vue.js中对于this.$nextTick()的理解

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

作者: 微笑向暖hh | 来源:发表于2019-09-25 22:29 被阅读0次

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

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

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

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

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

相关文章

网友评论

      本文标题:vue.js中对于this.$nextTick()的理解

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