echarts报错 TypeError: Cannot read properties of null (reading ‘getAttribute‘)

控制台报错TypeError: Cannot read properties of null (reading 'getAttribute')

两种情况
1、把初始化图形的方法写在了created中,这个时候data数据已经初始化了,但是还未挂载完成,dom树没有开始渲染到页面
解决办法:将初始化图形方法写在mouted中,mounted周期dom树已经挂载完成渲染到页面上,此时可进行dom操作
2、在html中,使用图形化的时候,使用了v-if来控制是否渲染图形,这里的v-if是条件判断是否渲染,如果是不满足条件,dom树是没有创建过的
解决办法:使用v-show来控制是否显示图形,v-show是控制图形是否显示,只是dom是否隐藏了的问题,dom树也是创建完成了的

//<div v-if="menu_child3.category=='emailThreatAnalysis'">//改之前
<div v-show="menu_child3.category=='emailThreatAnalysis'">//改之后
     <el-row class="echartStyle" :gutter="10" justify="space-around">
         <el-col :span="24">
             <div class="echarts-con" id="echartsData311_1"></div>
         </el-col>
      </el-row>
</div>

版权声明:本文为qq_42453751原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。