“TypeError: Cannot read properties of undefined (reading ‘getAttribute‘)“
最近在开发大屏，使用Echarts结合Vue，在渲染图表时出现了这个错误，到处查资料，得出一个结论：在调用 ecahrts.init() 时，dom元素还没有挂载，所以 init() 函数执行失败。网上有很多解决办法，例如：把echarts渲染函数放在 mounted 钩子函数里而不是created 钩子函数里面，或者在渲染时使用 $nextTick 进行包裹echarts渲染函数，两者我都试了，
·
最近在开发大屏，使用Echarts结合Vue，在渲染图表时出现了这个错误，到处查资料，得出一个结论：在调用 ecahrts.init() 时，dom元素还没有挂载，所以 init() 函数执行失败。网上有很多解决办法，例如：把echarts渲染函数放在 mounted 钩子函数里而不是created 钩子函数里面，或者在渲染时使用 $nextTick 进行包裹echarts渲染函数，两者我都试了，并没有用。最后发现是ecahrts图表销毁函数使用导致的出错。
在不显示echarts图表时我们希望销毁echarts实例来进行内存释放，提高网页性能，这个时候ecahrts官方提供了两种方式：
1、ecahrtsInstance.dispose
下面是官网截图
2、ecahrtsInstance.clear
两者区别，一个销毁，一个清空。
我在项目中使用dispose方法，所以每次都销毁实例，导致下次进来时ecahrts实例已经没了，所以报出了当前错误。
解决办法：
将 dispose方法换成clear方法即可。
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)