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

相关推荐
fruge1 天前
Vue项目中的Electron桌面应用开发实践指南
前端·vue.js·electron
漂流瓶jz1 天前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子1 天前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
前端架构师-老李1 天前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
木易 士心1 天前
CSS 中 `data-status` 的使用详解
前端·css
明月与玄武1 天前
前端缓存战争:回车与刷新按钮的终极对决!
前端·缓存·回车 vs 点击刷新
花姐夫Jun1 天前
基于Vue+Python+Orange Pi Zero3的完整视频监控方案
vue.js·python·音视频
牧马少女1 天前
css 画一个圆角渐变色边框
前端·css
zy happy1 天前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年1 天前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互