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一次,这个问题就解决了。

相关推荐
Zacks_xdc11 分钟前
【前端】使用Vercel部署前端项目,api转发到后端服务器
运维·服务器·前端·安全·react.js
尚学教辅学习资料11 分钟前
Ruoyi-vue-plus-5.x第五篇Spring框架核心技术:5.1 Spring Boot自动配置
vue.js·spring boot·spring
给月亮点灯|19 分钟前
Vue基础知识-脚手架开发-使用Axios发送异步请求+代理服务器解决前后端分离项目的跨域问题
前端·javascript·vue.js
叫我阿柒啊21 分钟前
从Java全栈到前端框架:一次真实的面试对话与技术解析
java·javascript·typescript·vue·springboot·react·前端开发
张迅之1 小时前
【React】Ant Design 5.x 实现tabs圆角及反圆角效果
前端·react.js·ant-design
@CLoudbays_Martin111 小时前
为什么动态视频业务内容不可以被CDN静态缓存?
java·运维·服务器·javascript·网络·python·php
蔗理苦2 小时前
2025-09-05 CSS3——盒子模型
前端·css·css3
二川bro3 小时前
第25节:VR基础与WebXR API入门
前端·3d·vr·threejs
上单带刀不带妹3 小时前
Node.js 的模块化规范是什么?CommonJS 和 ES6 模块有什么区别?
前端·node.js·es6·模块化
缘如风3 小时前
easyui 获取自定义的属性
前端·javascript·easyui