swiper使用踩坑

基本的用法

mySwiper1 = new Swiper('#swiper-container1', {
			loop: true, // 循环模式选项
			autoplay: {
			    disableOnInteraction: false, //防止手动切换后 自动轮播失效
			    delay: 15000
				},

			observer: true,  //修改swiper自己或子元素时，自动初始化swiper 
			observeParents: false, //修改swiper的父元素时，自动初始化swiper 
			onSlideChangeEnd: function (swiper) {
				swiper.update();
				mySwiper2.startAutoplay();
				mySwiper2.reLoop();
				},

			on: {
				slideChangeTransitionStart: function () {
				console.log('第1个轮播的数据')
				let item = mySwiper1List[this.realIndex];
					transCount(item, 0)
					},
				},
		})

 问题1  当手动切换； 轮播图之后自动轮播失效了

 解决方法  设置disableOnInteraction: false

autoplay: {
 disableOnInteraction: false, //防止手动切换后 自动轮播失效
delay: 15000
},

 

问题2  停止开启轮播

停止轮播   mySwiper1.autoplay.stop();

开启轮播   mySwiper1.autoplay.start();

 

tip:有些方法可能不对  欢迎补充