android应用开发框架_陕西西安网络公司_排名优化方案_新闻热点素材

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

<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)

  如果上面会报错，试试下面。

•    <div  id="bintuChart1"  ></div>var echart = this.$echarts.init(document.getElementById("bintuChart1"));修改为<div   ref="bintuChart1"></div>var echart2=this.$echarts.init(this.$refs.bintuChart1)