当我们在封装了echarts组件之后，需要在同一个页面中引入多次时，会出现数据覆盖等一系列问题
当时我是修改了id也无济于事，达不到我需要的效果
解决方案
将我们封装的组件中的id选择器删掉，换成ref，下面是组件修改部分:
<div ref="myChart" ></div>
let myChart = this.$echarts.init(this.$refs.myChart);这样写完就可以引用正确了。
vue封装的echarts组件多次被同一个页面调用出现的问题
转载请注明出处或者链接地址：https://www.qianduange.cn//article/14889.html
相关文章
-
JQuery的选择器有哪些？
-
Web结课作业的源码_企业网站设计与制作——基于html css javascript jquery红色的婚庆网站(18页面)
-
2024年前端最新最常见的 20 个 jQuery 面试问题及答案(1)，2024年最新web前端面试官问上家公司有多少人怎么回答
-
2022年12月最新省市区县乡镇街道geojson行政边界数据获取方法
-
Echarts数据可视化 第4章 Echarts可视化图 4.12 桑基图
-
vue中使用vue-echarts【全局引入，以及按需引入】
-
Echarts修改柱状图柱子的宽度
-
el-dialog作为子组件如何由父组件控制显示/隐藏
-
2024年最全一款强大的Vue-markdown编辑器插件_markdown-it vue(1)，2024年最新头条三面技术四面HR
-
Vue VueUse-基于Vue组合式API的实用工具集 - 附完整示例
发布的文章
JQuery的选择器有哪些？
2024-08-14 22:08:43
用 websocket、JQuery开发仿微信聊天
2024-06-08 09:06:27
Web结课作业的源码_企业网站设计与制作——基于html css javascript jquery红色的婚庆网站(18页面)
2024-08-14 22:08:32
探索 jQuery-UI-Multiselect-Widget：一款高效多选下拉插件
2024-08-14 22:08:32
2024年前端最新最常见的 20 个 jQuery 面试问题及答案(1)，2024年最新web前端面试官问上家公司有多少人怎么回答
2024-08-14 22:08:29
2022年12月最新省市区县乡镇街道geojson行政边界数据获取方法
2024-08-14 22:08:26
Echarts数据可视化 第4章 Echarts可视化图 4.12 桑基图
2024-08-14 22:08:23
vue中使用vue-echarts【全局引入，以及按需引入】
2024-08-14 22:08:20
Echarts修改柱状图柱子的宽度
2024-08-14 22:08:17
echarts图分享（3d饼图及特殊的柱状图
2024-08-14 22:08:15
大家推荐的文章