美文网首页
nextTick()详细解释

nextTick()详细解释

作者: 黑白说程序 | 来源:发表于2020-11-03 20:22 被阅读0次

nextTick()简单的理解是:当网页数据更新了,并且在dom中渲染后,自动执行该函数,当项目中你想在改变DOM元素的数据后基于新的dom做点什么,对新DOM一系列的js操作都需要放进Vue.nextTick()的回调函数中;通俗的理解是:更改数据后当你想立即使用js操作新的视图的时候需要使用它

在使用某个第三方插件时 ,希望在vue生成的某些dom动态发生变化时重新应用该插件,也会用到该方法,这时候就需要在 $nextTick 的回调函数中执行重新应用插件的方法。

注意
nexttick只是dom渲染完成进行操作,但是有时还是没有加载完成图片,例如:在获取组件的坐标就会出现错误

相关文章

网友评论

      本文标题:nextTick()详细解释

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