乐趣区

关于vue.js: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);

解决!

退出移动版