为什么在用swiper的时候用loop：true，轮播的时候第一张图片一闪而过！

配置如下问题：循环轮播的时候，刚进入界面还是从第一张图片开始，循环一圈的时候就从第二个开始了，第一就是一闪就过了。这是什么原因？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

4条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
子幽 2017-10-25 03:32
关注
我没记错的话他的第一遍的第一张图后轮播里面的图片不一样，是直接写在HTML里面的，轮播开始后是用js去替换的这张图

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

swiper和echarts结合使用loop循环导致有一页是空白 echarts javascript vue.js 有问必答
2021-07-12 13:26

回答 9 已采纳 echarts设置loop为true是做什么图表呢？一般是后台返回json数据。
vue从后台调用图片，用swiper显示，怎样让其在一页上显示多张图片？ vue.js
2021-08-23 20:59

回答 2 已采纳去看看swiper的配置，他有属性可以配置
用Swiper7的时候用direction: 'vertical'无效，谷歌显示空白，火狐闪退bug，如何更改？ javascript 有问必答
2022-08-11 00:42

回答 2 已采纳 swiper的样式文件没导入吧，下面直接引入css和js文件是正常的 <link rel="stylesheet" href="https://lib.baomitu.com/Swiper/7.
vue使用swiper 3 开启loop后循环第一张一闪而过
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
swiper轮播图的分页器显示在图片外面 javascript vue.js 有问必答
2021-10-17 16:24

回答 1 已采纳调整下导航容器样式swiper-pagination内容 .wrapper >>> .swiper-pagination bottom: 20px
在vue组件中使用swiper，为什么轮播图滑动不了呢 css3 html 前端
2022-11-15 22:10

回答 3 已采纳理论上不应该有问题，看下是否有报错？话说pc端有element ui。移动端有vant ui，怎么偏偏选择了swiper
轮播图外嵌套一层选项卡，swiper轮播图不能轮播，求前端师傅解决 javascript vue.js 前端有问必答
2022-04-10 19:11

回答 2 已采纳切换到对应tab的swiper后，调用swiper实例的updateSize方法重新计算Swiper的尺寸试试https://www.swiper.com.cn/api/methods/252.htm
在vue中使用swiper插件并解决轮播图第一张一闪而过的问题
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.在...
bootstrapvue中如何一行显示三张图片，一次轮播一张 bootstrap vue.js
2021-04-19 17:39

回答 3 已采纳有大概的原型图吗
swiper轮播图使用v-if隐藏再显示后空白 html vue.js 有问必答
2022-08-07 16:28

回答 3 已采纳 v-if是重新生成dom，需要重新初话过一次swiper，就是window.onload中的代码放到一个函数里面，在显示的时候重新调用一次。比如下面这样，在v-if显示swiper的代码后面用next
react，尝试过在houseImg里写入空值、任意字符或图片的链接地址，chrome浏览器能显示到轮播图的多张图片，但仍然提示说`Swiper` needs at least one child javascript react.js 前端
2022-11-07 15:39

回答 1 已采纳 Swiper至少需要一子元素。说明你renderSwipers 返回的是空。
vue中解决轮播图（Swiper）第一张图片一闪而过
2021-11-12 15:09

李湘湘的博客 vue中解决轮播图（Swiper）第一张图片一闪而过 解决方式:初始化(Swiper)时，外层添加一个定时器代码: setTimeout(function() { var mySwiper = new Swiper($(el), { autoplay: true,//可选选项，自动滑动...
怎么用用Swiper写自动轮播图 css html5 javascript
2021-02-02 14:01

回答 3 已采纳 <script> var swiper = new Swiper('.swiper-container', { spaceBetween: 30, cen
vue中使用swiper插件并解决轮播图第一张一闪而过的问题
2021-01-28 17:33

兮夏-的博客加一个定时器即可解决 setTimeout(function() { ... loop: true, pagination: '.swiper-pagination', autoplay: 2500, paginationClickable: true, autoplayDisableOnInteraction: false, obser
vue-cli里面引入swiper轮播组件，开启自动轮播轮播后，第一张图总是一闪而过
2022-03-16 15:25

mint go for it的博客项目场景：vue-cli里面引入swiper轮播组件，开启自动轮播轮播后，第一张图总是一闪而过 vue-cli里面引入swiper轮播组件，使用loop: true,属性问题描述 vue-cli里面引入swiper轮播组件，开启自动轮播轮播后，第一...
没有解决我的问题, 去提问

悬赏问题

¥15 程序不包含适用于入口点的静态Main方法
¥15 素材场景中光线烘焙后灯光失效
¥15 请教一下各位，为什么我这个没有实现模拟点击
¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记