我使用VueSlickCarousel插件的话会有问题,
比如我是7个echarts轮播,f12打开看VueSlickCarousel出现了14个div,如何只有7个div有数据,其他全是空的,
请问怎么解决,或者有什么更好的插件推荐,谢谢
如何使用vue轮播图绑定多个echarts图表进行轮播,一页展示4个,每次轮播一个,循环轮播
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
_念_ 2022-03-15 09:23关注swiper是一种方案，如果你不需要过场动画的话，可以调用echarts的setoption，重新绘制对应的图标就好了
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2025-02-19 08:00北城笑笑的博客 Echarts 作为一款广受欢迎的可视化库，提供了丰富的图表类型与强大的交互功能，满足了多样化的数据展示需求。而在 Vue 项目里，将 Echarts 与 Element - UI 的轮播图组件相结合，能够以动态且富有吸引力的方式呈现...
- 2022-04-20 17:16鲸鱼前端大师的博客 需要循环展示多个相同结构样式的echarts，但是每个数据不同，需要根据后端统一返回的数据去填充图表的数据内容 二.效果 三.代码和注释如下 <div v-for="(item,index) in indexList" :key="item.id"> <...
- 2023-01-04 10:07酷尔。的博客 在后期使用插件的时候效率会十分低下也不便于后期对程序的维护拓展，在优雅的使用echarts时，首先，我们考虑到多个地方需要用到echarts，就需要封装一个组件出来，由于每一个图中的属性均由配置项option进行控制，...
- 2019-03-22 10:30weixin_30718391的博客 1 <div v-for="(item,index) in arrDataList.Floor"> // 根据后台数据循环渲染多个轮播图组件 2 <div class="swiper-container"> 3 <ul class="swiper-wrapper"> 4 <li c...
- 2024-07-31 12:44霹雳炫彩大蟒蛇的博客 这是由于子组件echarts图表先渲染，echarts组件拿不到父组件的大小而默认显示100px，在初始化函数中调用echarts组件的...el-carousel内实现echarts图表轮播，echarts图表大小无法配置，改变窗口大小后才能正常显示。
- 2022-07-10 14:01丹崽hin忙的博客 vue项目中对轮播图进行封装调用，出现的一些Bug，记录这些踩过的坑，希望可以帮助到大家
- 2024-04-18 10:16程序员狂喜的博客 /使用setInterval方法后,必须使用箭头函数而不能写function,否则后续在该方法中无法调用data中的数据。//setInterval() 可在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。//carouselTime =...
- 2025-11-15 08:48在Vue项目中实现环形轮播图，首先需要使用ECharts库来创建一个饼图，并通过调整该饼图的内外径参数来形成一个环形。环形轮播图的核心在于能够自动进行高亮轮播，这需要借助定时器来实现。定时器会周期性地触发一个...
- 2023-10-25 10:33苹果砸醒了逃课的牛顿的博客 开发项目可视化大屏的需求，有一块需要循环轮播展示echarts图表，于是选用了比较流行的swiper插件，但是实际开发时确发现，轮播到最后一个图的时候，图表并没有显示。于是，开始排查问题原因。注意vue项目中，图表...
- 2024-03-21 15:01农夫_山泉水的博客 根据权限不同在el走马灯里实现echarts轮播，成品代码
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月24日
已采纳回答
3月16日-
创建了问题
3月15日