swiper插件开启loop后通过activeIndex获取索引不准确
http://www.imooc.com/wenda/detail/505256 ...
原文：swiper使用loop后，无法获取索引的问题
swiper官网中 https: www.swiper.com.cn api properties .html 提到 就是说如果写了 loop：true是的时候，会在循环完切换到第一张，但是获取索引就是realIndex 下面上代码 js 效果图 ...
2020-07-08 15:43 0 507 推荐指数：
相关推荐
vue——使用轮播组件swiper，设置 loop为true后，点击事件失效及轮播索引错乱问题
参考：https://www.cnblogs.com/toggle/p/9618331.html https://www.cnblogs.com/tangbuluo/p/11248655.html 需求：用swiper3做一个轮播图，无限循环，滑动时切换序号，点击 ...
swiper插件loop模式下图片索引显示错乱问题
swiper在做图片轮播时候还是蛮常见的，在使用过程中当设置为loop:true的时候，会发现轮播时候获取到的aactiveIndex是错乱的，原因是当给swiper设置了loop:true的时候，会自动在dom元素中重复生成第一张和最后一张填充到swiper-wrapper中，所以索引会和实际 ...
vue中使用swiper出现loop和autoplay失效问题
在vue中使用了swiper，结果出现了一系列的bug，在代码中修改能够使swiper中的属性正常运行，但是只要一刷新页面，swiper所有的属性就都不好使了。究其原因，发现原来是在 new Swiper 的时候出了问题，简单的加一个setTimeout就好啦！话不多说，上代码： ...
swiper onSlideChangeStart 获取索引
Swiper 3.4.1 ...
隐藏的Swiper显示后无法获取正确的宽度和高度
今天在使用swiper的时候，元素默认是显示的时候没毛病，但是默认是隐藏的状态，再显示的时候发现滑动的时候宽度计算有误，如下图所示： 正确的显示如下： 隐藏的元素再次显示如下： 宽度计算有误 解决方案： 只需加上后面两行即可。 参数具体含义可看官网说明 ...
解决ajax异步请求数据后swiper不能循环轮播(loop失效)问题、滑动后不能轮播的问题。
问题描述： 1、我使用axios异步请求后台的图片进行渲染后不能实现循环轮播，也就是loop失效，但是静态写死的情况下不会出现这种问题。 2、 分析： swiper的机制是：初始化的时候将swiper-warpperslide类下的最后一个 ...