关于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);

解决!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理