官方介绍:在下一个DOM更新周期结束后执行延迟回调。修改数据后立即使用此方法获取更新的DOM。
它是DOM更新完成后要执行的方法,这个in回调函数绑定到最新的vue实例超级方便。
代码示例如下:
p ref=' MGS ' { MGS } }/p button @ click=' updatedom ' click更新DOM/buttondata : function(){ return { MGS : ' DOM ' } } updatedom 3360 function(){ this。MGS=' updatedom ';console.log(这。$ refs . MGS . innerHTMl);这个。$ NextTick(function(){ console . log(this。$ refs . MGS . innerHTMl);})}单击update按钮,调用updateDom,然后首先将该值重新分配给mgs。此时,打印页面上p标签对应的内容和nextTick中对应的内容。结果如下:
从结果可以看出这一点。MGS=“updatedom”;执行后不直接更新DOM,DOM更新完成后回调nextTick。这个in回调函数已经更新了vue
代码地址:https://github.com/Demon-han/vue_demo/
其中,nextTick.vue就是一个例子,其他组件将在其他文章中详细介绍
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。