vue项目中同一页面中多次使用echarts导致前面的被覆盖

541 阅读1分钟

封装的echarts图形组件,多次使用导致前面的被覆盖。

原因:id重复

解决办法:图形组件中使用ref应用div元素进行初始化图形

let myChart = echarts.init(this.$refs.echartRef)
myChart.setOption(that.option, true)