Error in nextTick: "TypeError: Cannot set property 'xxx' of undefined"解决办法

 

 

vue项目在控制台中报这个错误时，当看到nexttick词时想到vue的$nexttick()方法

vue 在更新 dom 时是异步执行的。只要侦听到数据变化，vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更，也就是说，vue赋一个值，并不是立即生效，而是下一个事件触发时更新

为了在数据变化之后等待 vue 完成更新 dom，可以在数据变化之后立即使用 vue.nexttick(callback)

（可以参考vue官方网站对异步更新队列的介绍 https://cn.vuejs.org/v2/guide/reactivity.html#%e5%bc%82%e6%ad%a5%e6%9b%b4%e6%96%b0%e9%98%9f%e5%88%97）

 

 

 

 

 

至此，解决报错！