问题
封装echarts组件后,在同一个页面多次引入,只显示最后一个,
且报错echartsLine.vue:73 [ECharts] There is a chart instance already initialized on the dom.
解决办法
初始化表格的时候不要使用id的形式,使用ref
<div ref="Echart" class="echarts-content">
</div>
const Echart = ref(null)
onMounted(() => {
//var myChart = echarts.init(document.getElementById('main'));
var myChart = echarts.init(Echart.value);
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
})
完美解决,可以任意引用了!!!