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>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值