关于vue.js:vue-同一页面多次引用封装好的echarts组件

46次阅读

共计 225 个字符,预计需要花费 1 分钟才能阅读完成。

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

解决!

正文完
 0