当前位置: 首页 > Web前端 > vue.js

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

时间:2023-03-31 16:35:42 vue.js

我们封装echarts组件后,当我们需要在同一页面多次引入时,会出现数据覆盖,id不能复用等问题解决方法:先把id删除,添加ref属性

然后修改js:初始版本:this.barCharts=echarts.init(document.getElementById("bar"));修改后:this.barCharts=echarts.init(this.$refs.bar);解决了!