vue 中的nextTick

在vue生命周期的created() 钩子函数进行DOM操作一定要放在vue.nextTick()的回调函数中。

因为在created() 钩子函数执行时,DOM其实并未进行任何的渲染,所以执行DOM操作是没用的,多以一定要放在vue.nextTick()的回调函数中。

与之对应的是mounted()钩子函数,因为该钩子函数执行时所有的DOM挂载和渲染都已经完成。

在数据变化后要执行的某个操作,如果该操作需要使用数据改变而改变的DOM结构的时候,这个操作都应该放进vue.nextTick()回调函数中。

猜你喜欢

转载自www.cnblogs.com/150536FBB/p/11344825.html