swiper常用属性

swiper常用属性

swiper版本号:3.1.0
	direction: 'vertical', //轮播方向,默认是水平滑动horizontal
	spaceBetween: 5, //在slide之间设置距离(单位px),默认是0
	slidesPerView: 1,  //设置slider容器能够同时显示的slides数量,默认是1。
	loop:true,//loop模式:会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换,让Swiper看起来是循环的。 loop模式在与free模式同用时会产生抖动,因为free模式下没有复制slide的时间点。


swiper禁止手动拖动
	在引入了swiper相关css的前提下,只需要在最外层的容器上增加class="swiper-no-swiping"
在vue中如果想在触发某事件的时候让轮播图停止滑动,可以使用
   this.$refs.myswiper.swiper.autoplay.stop();
同样的,如果想让轮播图启动
  this.$refs.myswiper.swiper.autoplay.start();

你可能感兴趣的:(SWIPER,html,javascript)