前端开发常见问题之Swiper.js的loop模式下,如何正确获取索引值?

Swiper.js,相信作为前端开发者的你一定知道它吧。它几乎可以用来制作任何形式的轮播图,非常方便和实用。

有时候,我们需要动态获取当前轮播图的索引值,常常我们会使用activeIndex属性来获取。比如像这样:

前端开发常见问题之Swiper.js的loop模式下,如何正确获取索引值?_第1张图片

然而,当轮播图需要设置循环时,我们就不能使用activeIndex属性了,而是要使用realIndex属性,例如:

前端开发常见问题之Swiper.js的loop模式下,如何正确获取索引值?_第2张图片

你可能感兴趣的:(前端开发)