vue封装echarts组件，同一个页面多次调用后者被覆盖问题

在同一个页面多次调用封装的 echarts 组件，会出现后者的调用把前者的调用覆盖的情况，只要将获取 dom 元素的方式换成 ref 方式即可

• 为 ECharts 准备一个具备大小（宽高）的 DOM

<div id="chart" style="width: 600px;height:400px;"></div>

修改为：

<div ref="chart" style="width: 600px;height:400px;"></div>

• 初始化 echarts 实例

const myCharts = echarts.init(document.getElementById('chart'))

修改为：

const myCharts = echarts.init(this.$refs.chart)

• 效果图

——————————————
“为什么你的眼里总是亮晶晶 ”