|
data () {
return {
title: '1/5' ,
swiperOption: {
// notNextTick是一个组件自有属性,如果notNextTick设置为true,组件则不会通过NextTick来实例化swiper,也就意味着你可以在第一时间获取到swiper对象,假如你需要刚加载遍使用获取swiper对象来做什么事,那么这个属性一定要是true
notNextTick: true,
direction : 'horizontal',
grabCursor : true,
setWrapperSize :true,
autoHeight: true,
pagination : '.swiper-pagination',
paginationClickable :true,
mousewheelControl : true,
observeParents:true,
// onTransitionEnd(swiper){
// alert(1)
// alert(swiper.activeIndex) //切换结束时,告诉我现在是第几个slide
// },
onTransitionStart(swiper){
console.log(swiper)
},
onSlideChangeEnd: swiper => {
//这个位置放swiper的回调方法
this.page = swiper.realIndex+1;
this.index = swiper.realIndex;
}
},
}
}, |
|