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(){