vue3父组件多次调用同一个echarts组件,只渲染一个echarts组件的问题
由于页面需要绘制两个一样的图型,所以调用了同一个封装的echarts组件,结果后一个覆盖了前一个,页面上只渲染出来了一个。如下图:
最后发现我是通过id绑定的组件进行初始化,那么2个折线图就会使用同一个id,导致页面只渲染一个id,
正确的做法应该绑定ref进行初始化
正确代码如下:
这样就显示正常了
由于页面需要绘制两个一样的图型,所以调用了同一个封装的echarts组件,结果后一个覆盖了前一个,页面上只渲染出来了一个。如下图:
最后发现我是通过id绑定的组件进行初始化,那么2个折线图就会使用同一个id,导致页面只渲染一个id,
正确的做法应该绑定ref进行初始化
正确代码如下:
这样就显示正常了
2024-04-18 17:04:15
2024-05-31 10:05:46
2024-03-12 01:03:24
2024-02-06 15:02:03
2024-05-30 10:05:14
2024-05-30 10:05:14
2024-05-30 10:05:51
2024-05-30 10:05:25
2024-05-30 10:05:02
2024-05-30 10:05:59