一条没梦想的咸鱼
前端切图仔
获得徽章 0
- <swiper
:modules="modules"
:slides-per-view="4"
:space-between="20"
loop
navigation
>
<swiper-slide v-for="item in successCases" :key="item.id">
<img class="cases-img" :src="item.url" alt="" />
<div class="cases-name">{{ item.name }}</div>
</swiper-slide>
</swiper>
swiper.js的问题，当swiper设置成一行显示4个，swiper-slide遍历的数量不够一行显示数量的两倍，这个时候的loop很奇怪，点下一个到最后一条loop没复制，点不动了；点上一条跳动的页数不是1了，直接是swiper-slide遍历的长度，这个怎么解决![[流泪]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
展开等人赞过 95
![[微笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_1.7d9f699.png)
![[无辜呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_96.4fb9d71.png)
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)