vue-awesome-swiper

vue-awesome-swiper

初始化数据

let vm = null;
export default {
	data(){
		return {
			swiperMasterOption: {
		        pagination: {
		          el: ".swiper-pagination"
		        },
		        navigation: {
		          nextEl: '.masterIntro_swiper_next', //前进按钮的css选择器或HTML元素
		          prevEl: '.masterIntro_swiper_prev', //后退按钮的css选择器或HTML元素
		          hiddenClass: 'masterIntroSwiperHidden', //按钮隐藏时的Class
		        },
		        loop: false,
		        on: {
		          slideChangeTransitionStart: function(){
		            // vm.masterSwiperIndex = this.activeIndex
		          },
		        },
	      },
		}
	},
	created(){
	    vm = this
	},
}

需求1：初始化列表滚动至第几项

方案：

computed: {
    swiper() {
      return this.$refs.mySwiper.swiper
    }
},

就可以获取swiper对象 this.swiper.slideTo()方法 官方API