如何在一个页面用多个swiper插件

js例：

<script>

var swiper = new Swiper('module01 swiper-container', {

pagination: 'module01 swiper-pagination',

paginationClickable: true,

autoplay : 1000

});

var swiper = new Swiper('module02 swiper-container', {

slidesPerView:5,

paginationClickable: true,

spaceBetween:0,

freeMode: true

});

</script>

获取他们共用的class的时候加上父元素区分开。

写style的时候swiper-container和swiper-paginatio是共用的不要写在里面新建class区分写改变它们不同的样式。

个人用法运用需考虑。

我已经初始化swiper了样式如下

目标是变成

是要for循环分页器编辑不同的样子的，

需求是修改下面的分页器样式请问怎么解决。

顺便问一个问题，swiper怎么控制他的滑动距离，求大神解答！

以上就是关于如何在一个页面用多个swiper插件全部的内容，包括:如何在一个页面用多个swiper插件、vue中使用Swiper插件怎么修改他的分页器样式、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！