错误信息:
[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)
},