Advertisement

在引入echarts时,Vue出现mount hook中调用getAttribute导致null出现的错误

阅读量:

问题出现场景分析

复制代码
      今天在vue中引入echarts时,运行报错 
       [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null】
       
       ## 问题排查
       在运行Vue项目时出现了上述错误,出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的,代码如下:
    
    
      
      
      
      
      
    
复制代码
     var myChart = echarts.init(this.$refs.map)
      myChart.setOption(this.mapOption)
    
    
      
      
    
复制代码
      ## 解决办法
      利用Vue中的ref和$refs 来代替document.getElementById()获取该图形容器对象,代码如下:
    
    
      
      
    
复制代码
    <template>
      <div>
    <baidu-map class="bm-vie

全部评论 (0)

还没有任何评论哟~