错误信息:
[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)
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。