【echarts初始化方法报错】[Vue warn]: Error in nextTick: “TypeError: this.dom.getContext is not a function“

错误信息:
[Vue warn]: Error in nextTick: “TypeError: this.dom.getContext is not a function”

在这里插入图片描述

代码
echarts初始化方法中使用getElementsByClassName方法获取渲染dom元素报错

          <el-col
            :span="8"
            class="content-middle"
          ><div class="title">事故责任分析</div>
            <div class="display-wrapper5" />
          </el-col>
    echartsInit() {
      var chartDom = document.getElementsByClassName('display-wrapper5')
      console.log(chartDom)
      var myChart = chartDom && echarts.init(chartDom)
      var option

      option = {
       ...
      }
      option && myChart.setoption(option)
    },

修改后:
只能使用getElementById方式获取(注意需要给渲染的容器设置宽高)

          <el-col
            :span="8"
            class="content-middle"
          ><div class="title">事故责任分析</div>
            <div id="display-wrapper5" ref="displayWrapper5" />
          </el-col>
    echartsInit() {
      var chartDom = document.getElementById('display-wrapper5')
      console.log(chartDom)
      var myChart = chartDom && echarts.init(chartDom)
      var option

      option = {
       ...
      }
      option && myChart.setoption(option)
    },

相关文章

显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...
win11本地账户怎么改名?win11很多操作都变了样,用户如果想要...