最近在vue中用echarts的时候报如下错误:
报错原因: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'))
...
}
优秀