在咱们在封装了 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);
解决!