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