编程知识 cdmana.com

vue 同一页面多次引用封装好的echarts组件

在我们在封装了echarts组件之后,需要在同一个页面中引入多次时,会出现数据覆盖,id不能复用等问题

解决方法:
首先把id删掉,添加ref属性

<div class="bar" ref="bar"></div>

然后修改js:

初始版本:

this.barCharts = echarts.init(document.getElementById("bar"));

修改后:

this.barCharts  = echarts.init(this.$refs.bar);

解决!

版权声明
本文为[CcChan]所创,转载请带上原文链接,感谢
https://segmentfault.com/a/1190000038150624

Scroll to Top