“TypeError: Cannot read properties of undefined (reading ‘getAttribute‘)“

最近在开发大屏，使用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方法即可。