当我们在封装了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
相关文章
-
【SpringMVC】_SpringMVC项目返回HTML与JSON
-
2024年前端最新Nodejs基础之包管理工具npm(二)(2)，微软面试题及答案
-
解决全局安装pnpm后无法使用的问题
-
安装Nodejs后，npm无法使用
-
npm使用淘宝镜像下载依赖包
-
搭建Nexus前端npm私服，上传发布npm包和下载依赖
-
npm install包提示安装成功，但项目目录中没有出现node_modules的解决方案
-
解决VUE3 Vite打包后动态图片资源不显示问题
-
vue基于sockjs-client stompjs实现websocket客户端
-
Vue 3 项目中导入外部的 ＜link＞ 和 ＜script＞ 资源
发布的文章
C#解析JSON的常用库--Newtonsoft.Json
2024-11-30 11:11:42
jsonfield 项目常见问题解决方案
2024-11-30 11:11:42
【SpringMVC】_SpringMVC项目返回HTML与JSON
2024-11-30 11:11:41
BugJson因为json格式问题OOM怎么办
2024-11-30 11:11:41
python 解读JSON文件，一文搞懂！
2024-11-30 11:11:40
Redisson同时使用jackson、fastjson、kryo、protostuff序列化（含效率对比）
2024-11-30 11:11:40
开源项目“Pretty JSON”安装与配置完全指南
2024-11-30 11:11:39
2024年前端最新Nodejs基础之包管理工具npm(二)(2)，微软面试题及答案
2024-11-30 11:11:39
解决全局安装pnpm后无法使用的问题
2024-11-30 11:11:39
安装Nodejs后，npm无法使用
2024-11-30 11:11:38
大家推荐的文章