最近在vue中用echarts的时候报如下错误:
getAttribute
报错原因:Echarts的图形容器还未生成就对其进行了初始化。
 于是在网上搜索了解决该问题的方法。但大多解决办法都是使用ref来代替document.getElementById()获取该图形容器对象。
 但是用了之后还是会报错,于是我们转换思路,可以先用ref来判断该容器是否存在,如果存在,之后我们再用document.getElementById()来获取dom对象。
代码如下:

<template>   
<div>     
  <v-chart        
    ref="charts"       
    id="charts"     
  />   
<div> 
</template>  
<script> 
...  
 let charts= this.$refs.charts
   if (charts) {
     let myChart = this.$echarts.init(document.getElementById('charts'))
     ...   
} 
Last modification:March 23rd, 2021 at 10:40 am
如果觉得我的文章对你有用,请随意赞赏