vue项目使用3D方块效果怎么给它加监听

蒋跑跑跑~

1. <template>
   
2.         <md-card>
   
3.             <md-card-media class="swiper-inner">
   
4.                 <swiper :options="swiperOption" >
   
5.                     <swiper-slide v-for="i in 4" :key="i" > </swiper-slide>
   
6.                 </swiper>
   
7.             </md-card-media>
   
8.         </md-card>
   
9. </template>

复制代码

1.    data() {
   
2.       return {
   
3.         swiperOption: {
   
4.           effect: 'cube',
   
5.           grabCursor: true,
   
6.           observeParents:true,
   
7.           cubeEffect: {
   
8.             shadow: true,
   
9.             slideShadows: true,
   
10.             shadowOffset: 20,
    
11.             shadowScale: 0.94
    
12.           },
    
13.           pagination: {
    
14.             el: '.swiper-pagination'
    
15.           }
    
16.         }
    
17.       }
    
18.     },

复制代码

vue项目使用3D方块效果怎么给它加监听，知道当前swiper-slide的index,求各位大神告知，谢谢

蒋跑跑跑~

自问自答

1.     data() {
   
2.       return {
   
3.         swiperOption: {
   
4.           effect: 'cube',
   
5.           grabCursor: true,
   
6.           observeParents:true,
   
7.           cubeEffect: {
   
8.             shadow: true,
   
9.             slideShadows: true,
   
10.             shadowOffset: 20,
    
11.             shadowScale: 0.94
    
12.           },
    
13.           runCallbacksOnInit : false,//初始化时不触发slideChange
    
14.           on:{
    
15.             slideChangeTransitionEnd: function(){
    
16.               localStorage.setItem('bannerIndex',this.activeIndex)
    
17.             },
    
18.           }
    
19.         },
    
20.       }
    
21.     },

复制代码