轮播利器Swiper设置为loop模式时遇到的问题

开始用Swiper的时候会遇到在loop模式下，获取到index不是当前的index，所以一直获取到错乱的index，在看了官方文档后在才知道在loop模式下获取索引，不能直接去获取activeIndex。

Swiper基本的使用方法，我们可以参考官网上https://www.swiper.com.cn/usage/index.html

loop模式运用场景

用Swiper时，不免会用到loop模式的滚动，即滚动是持续不断的，这样做的好处是让画面在视觉上变得流畅，也方便用户在进行画面切换时，只需在一边就可以持续的操作内容的滚动，是个很好的交互方式。

loop模式遇到的问题

当然在运用Swiper的loop模式时，要知道的是，Swiper会在现有的swiper-slide中多加两个swiper-slide，也就是说当需要获取swiper-slide的index时，实际上它是多加两个上去作为过渡，即把第一个和最后一个复制出来，如下设置的是4个swiper-slide，实际有6个，因此在获取swiper-slide索引的时候，不能直接用index获取

loop模式下获取索引是realIndex

获取loop模式下的索引要用Swiper提供的属性进行获取，即realIndex，因此只要在loop模式下都要注意这个问题，

loop模式不适宜的应用场景

loop模式可以很好的提升用户体验，但是在某些场景下是不适宜用的，比如在容器中出现两个以上的元素定位时，用loop模式就会有点不适宜。

多定位图片时，用普通模式，禁止loop模式