vue3父组件多次调用同一个echarts组件，只渲染一个echarts组件的问题
由于页面需要绘制两个一样的图型，所以调用了同一个封装的echarts组件，结果后一个覆盖了前一个，页面上只渲染出来了一个。如下图：
最后发现我是通过id绑定的组件进行初始化，那么2个折线图就会使用同一个id，导致页面只渲染一个id，
正确的做法应该绑定ref进行初始化
正确代码如下：
这样就显示正常了
vue3父组件多次调用同一个echarts组件，只渲染一个echarts组件的问题
转载请注明出处或者链接地址：https://www.qianduange.cn//article/9320.html
相关文章
-
运行npm error code ENOENTnpm error syscall opennpm error path C:\Users\ultra\Desktop\Vue-Project\pac
-
vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack
-
基于CSS3媒体查询的响应式旅游网站设计与实现-计算机毕设 附源码 12755
-
vue3中getCurrentInstance不推荐使用以及在＜script setup＞中获取全局内容(三种方式)
-
vue选项式和组合式区别
-
每天10个vue面试题(七)
-
Vue 2 中的 `$set` 方法详解
-
基于nodejs vue长途汽车票务管理系统[开题 源码 程序 论文]计算机毕业设计
-
用Python开发桌面端软件：pywebview (框架) Python (后端) vue (前端) pyinstaller (打包)
-
【父子组件传值】Vue子父组件传值的三种方法
发布的文章
运行npm error code ENOENTnpm error syscall opennpm error path C:\Users\ultra\Desktop\Vue-Project\pac
2024-08-27 09:08:17
前端提高篇（102）：jQuery高级方法callbacks、deferred
2024-05-09 11:05:34
解决npm install 报错 “npm err code 1“
2024-06-06 10:06:47
【常见错误】npm ERR! code CERT_HAS_EXPIRED & errno CERT_HAS_EXPIRED
2024-04-22 09:04:34
vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack
2024-03-29 15:03:20
npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.
2024-04-20 17:04:38
JQuery中的load()、$
2024-05-10 08:05:15
《WEB前端框架开发技术》HTML5响应式旅游景区网站——榆林子州HTML CSS JavaScript (1)
2024-10-30 21:10:12
大家推荐的文章