首页 前端知识 vue3父组件多次调用同一个echarts组件,只渲染一个echarts组件的问题

vue3父组件多次调用同一个echarts组件,只渲染一个echarts组件的问题

2024-05-24 08:05:59 前端知识 前端哥 117 934 我要收藏

vue3父组件多次调用同一个echarts组件,只渲染一个echarts组件的问题

由于页面需要绘制两个一样的图型,所以调用了同一个封装的echarts组件,结果后一个覆盖了前一个,页面上只渲染出来了一个。如下图:
在这里插入图片描述
最后发现我是通过id绑定的组件进行初始化,那么2个折线图就会使用同一个id,导致页面只渲染一个id,
在这里插入图片描述
正确的做法应该绑定ref进行初始化
正确代码如下:

在这里插入图片描述
这样就显示正常了
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9320.html
标签
评论
发布的文章

用JS生成本周日期代码

2024-04-18 17:04:15

js 递归函数

2024-05-31 10:05:46

jQuery是什么?如何使用?

2024-03-12 01:03:24

js延迟加载的六种方式

2024-05-30 10:05:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!