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

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

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

然后修改js:

初始版本:

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

修改后:

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

解决!

你可能感兴趣的:(vue.js,javascript)