diff --git a/src/packages/swiper/demo.vue b/src/packages/swiper/demo.vue
index 306a032cba34dd0bac2ce8411b889e9975fd14a4..1c2b69626acf4f8424eff7c86dae9556df461429 100644
--- a/src/packages/swiper/demo.vue
+++ b/src/packages/swiper/demo.vue
@@ -62,6 +62,9 @@
ref="demo5"
:lazyLoad="true"
:paginationVisible="true"
+ @slideChangeEnd="slideChangeEnd"
+ @slideMove="slideMove"
+ @slideChangeStart="slideChangeStart"
>
@@ -118,6 +121,17 @@
this.$refs.demo4.updateEvent();
},300)
+ },
+ methods:{
+ slideChangeEnd(page){
+ console.log(page);
+ },
+ slideMove(page){
+ console.log(page);
+ },
+ slideChangeStart(page){
+ console.log(page);
+ }
}
}
diff --git a/src/packages/swiper/swiper.vue b/src/packages/swiper/swiper.vue
index f44ce0bcd3d8751d947d8bb827afd45a7f437620..c16197fa1ad67bfed86f717476dac882255a874e 100644
--- a/src/packages/swiper/swiper.vue
+++ b/src/packages/swiper/swiper.vue
@@ -243,19 +243,20 @@ export default {
}
},
_onTransitionEnd(){
+ if(this._isPageChanged()){
+ this.$emit('slideChangeEnd',this.currentPage,this.$el);
+ }else{
+ this.$emit('slideRevertEnd',this.currentPage,this.$el);
+ }
this.transitionDuration = 0;
this.delta = 0;
this.lastPage = this.currentPage;
+
this._slideClassHandle();
if(this.isLoop){
this._setTranslate(this._getTranslateOfPage(this.currentPage));
}
this.stopAutoPlay = false;
- if(this._isPageChanged()){
- this.$emit('slideChangeEnd',this.currentPage,this.$el);
- }else{
- this.$emit('slideRevertEnd',this.currentPage,this.$el);
- }
},
_isPageChanged(){