ECharts报错:Uncaught TypeError: Cannot read properties of null (reading 'getAttribute')
时间: 2023-11-14 09:10:17 浏览: 322
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
这个错误通常是由于在初始化ECharts时找不到对应的DOM元素而引起的。有两种情况可能会导致这个问题:
1. 在created钩子函数中初始化ECharts,此时DOM元素还没有生成,因此找不到对应的id,会报错。解决方法是将初始化ECharts的方法放在mounted钩子函数中,因为在mounted钩子函数中,DOM元素已经挂载完成。
2. 在HTML中使用v-if来控制是否渲染图形,如果不满足条件,DOM树是没有创建过的,因此找不到对应的id,会报错。解决方法是使用v-show来控制是否显示图形,因为v-show只是控制图形是否显示,DOM树已经创建完成了。
另外,如果在初始化ECharts时还是出现问题,可以尝试使用this.$nextTick()方法,确保DOM元素已经渲染完成后再初始化ECharts。
阅读全文