TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)

错误复现

在vue项目开发中,使用Echarts报错:Cannot read properties of undefined (reading 'queryComponents'),无法读取未定义的属性(读取"queryComponents")

解决方案

  • 定位问题是手动绑定事件的时候,异步执行时机的问题
  • this.$nextTick 偶现执行超前于 chart.setOptions()
  • 改为 setTimeout 因为 setTimeout 方法在 this.$nextTick 之后执行

如果以上无效的话,那就是加载顺序的问题啦,所以要在这个方法执行前就setOption一次,这个问题就解决了。

相关推荐
山雀~6 分钟前
浏览器兼容方案(Web 项目的三层实践)
前端
Jack N12 分钟前
【Strapi 系列之五】前端怎么接?Next.js + Tailwind 拉取 Strapi 数据(含代码)
开发语言·前端·javascript·strapi
__sjfzllv___16 分钟前
在职前端Leader学习/转行 AI Agent -DAY85
前端
来一首_We_go24 分钟前
React Flow Pro 高级交互实现
前端·react.js
weedsfly28 分钟前
React 不可变数据:为什么页面“明明数据变了却不更新
前端·javascript·react.js
行者全栈架构师34 分钟前
【共创稿事节】双引擎智能相册:HarmonyOS 7(API 26)文搜图 × 图像超分端侧 AI 联动实战
前端·算法·架构
chromoany35 分钟前
agent 写的 README 为什么装不上:一条“没有出处就删掉”的规则
前端
deli00735 分钟前
商品条形码最后一位怎么来的?Code128 校验位实测
前端
Gizzap_Tech41 分钟前
双语内容审阅台怎么做?用内容指纹保留核验记录
javascript
小蒜学长1 小时前
基于SpingBoot+Vue的定向越野赛事管理系统的设计与开发(代码+数据库+LW)
java·前端·spring boot·后端·前后端分离·定向越野赛事