配置如下 问题：循环轮播的时候，刚进入界面还是从第一张图片开始，循环一圈的时候就从第二个开始了，第一就是一闪就过了。 这是什么原因？
为什么在用swiper的时候用loop：true，轮播的时候第一张图片一闪而过！
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
4条回答 默认 最新
- 2024-08-09 20:45夏与冰的博客 vue-awesome-swiper开启loop为true时，循环到第一张时快速闪过
- 2021-01-25 13:58我是刘拾贰的博客 具体怎么在vue项目中引入swiper插件 <div class="swiper-container swiper-banner"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) in carouselList
- 2021-01-14 15:01一只大胖柚的博客 在vue中使用swiper3插件 引入swiper插件`` npm install swiper@3 --save-dev //选择版本号下载 在min.js中引入swiper import 'swiper/dist/css/swiper.min.css' import 'swiper/dist/js/swiper.min.js' 3.在...
- 2021-11-12 15:09李湘湘的博客 vue中解决轮播图（Swiper）第一张图片一闪而过 解决方式:初始化(Swiper)时，外层添加一个定时器 代码: setTimeout(function() { var mySwiper = new Swiper($(el), { autoplay: true,//可选选项，自动滑动...
- 2021-01-28 17:33兮夏-的博客 加一个定时器即可解决 setTimeout(function() { ... loop: true, pagination: '.swiper-pagination', autoplay: 2500, paginationClickable: true, autoplayDisableOnInteraction: false, obser
- 2022-03-16 15:25mint go for it的博客 项目场景：vue-cli里面引入swiper轮播组件，开启自动轮播轮播后，第一张图总是一闪而过 vue-cli里面引入swiper轮播组件，使用loop: true,属性 问题描述 vue-cli里面引入swiper轮播组件，开启自动轮播轮播后，第一...
- 2021-04-28 01:25weixin_39901412的博客 如题htmljs//轮播图轮播部分var mySwiper = new Swiper(".swiper-container", {observer: true, //解决数据传入后轮播问题observerParents: true,autoResize: true, //尺寸自适应initialSlide: 0,direction: ...
- 2022-06-22 09:33蹦跶哒的王小哲的博客 swiper 轮播图，最后一张图与第一张图无缝衔接
- 2018-09-10 11:50weixin_30471561的博客 最近在vue项目中使用了swiper插件来完成轮播功能，没有开启循环模式，一切都很顺利 具体怎么在vue项目中引入swiper插件，这个太简单就不提了，上代码 html <div class="swiper-container"> <div ...
- 2021-07-08 16:47哪有人敲代码不戴头盔的的博客 问题： 用vue-awesome-swiper做商品详情页轮播图时，已经设置了loop：true，但是却失效了，轮播到最后一张图片时就停止播放了。 解决方法：在swiper上加个v-if=“数据.length>0”判断，等到图片数据有了再来循环...
- 2021-07-03 22:59Wendy__Wang的博客 笔者的吐槽（可以略过_(:з」∠)_）：最近有个项目是基于Nuxt框架，新需求需要新增加一块照片轮播的功能，笔者小白之前用过Swiper插件，感觉还比较好用，一般简单的效果都能实现，于是，按某站点的攻略，开始安装...
- 没有解决我的问题, 去提问
