swiper的一些应用

Posted 若栖1017

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了swiper的一些应用相关的知识,希望对你有一定的参考价值。

var mySwiper = new Swiper(‘.swiper-container)

1.锁定

mySwiper.lockSwipes();

2.解锁

mySwiper.unlockSwipes();

3.切换到第一个slide,速度为1秒

mySwiper.slideTo(0, 1000, false);

4.设定初始化时slide的索引

initialSlide :2

5.嵌套滑动

nested
用于嵌套相同方向的swiper时,当切换到子swiper时停止父swiper的切换。
请将子swiper的nested设置为true。
由于需要在slideChangeEnd时判断作用块,因此快速滑动时这个选项无效。
 
6.centeredSlides
设定为true时,活动块会居中,而不是默认状态下的居左。

以上是关于swiper的一些应用的主要内容,如果未能解决你的问题,请参考以下文章

swiper 自定义的一些需求

使用swiper 遇到的一些问题

vue 使用swiper的一些问题(页面渲染问题)

记使用vue-awesome-swiper遇到的一些问题

vue-awesome-swiper

swiper的基础使用