vue封装的echarts组件多次被同一个页面调用出现的问题

当我们在封装了echarts组件之后，需要在同一个页面中引入多次时，会出现数据覆盖等一系列问题
当时我是修改了id也无济于事，达不到我需要的效果
解决方案
将我们封装的组件中的id选择器删掉，换成ref，下面是组件修改部分:

<div ref="myChart" ></div>

 

let myChart = this.$echarts.init(this.$refs.myChart);

 这样写完就可以引用正确了。