欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-04 22:26:29
vue项目在控制台中报这个错误时,当看到nextTick词时想到vue的$nextTick()方法 Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化,Vue 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更,也就是说,vue赋一个值,并不是立即生效,而是下一个事件触发时更新 为了在 ......

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

 

 

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

 

 

至此,解决报错!