如何使用vue轮播图绑定多个echarts图表进行轮播,一页展示4个,每次轮播一个,循环轮播

img

我使用VueSlickCarousel插件的话会有问题,
比如我是7个echarts轮播,f12打开看VueSlickCarousel出现了14个div,如何只有7个div有数据,其他全是空的,
请问怎么解决,或者有什么更好的插件推荐,谢谢

问题遇到的现象和发生背景
问题相关代码,请勿粘贴截图
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果

swiper是一种方案,如果你不需要过场动画的话,可以调用echarts的setoption,重新绘制对应的图标就好了

swiper和elementui的跑马灯效果都可以,中间的div去构建echarts实例