vue里面使用swiper，需要切换获取realIndex

在main.js里面

import VueAwesomeSwiper from 'vue-awesome-swiper'
Vue.use(VueAwesomeSwiper)

   
          

            
1A班
            
影片:567
            
觀看:567
          
  
 
          

            
1A班
            
影片:567
            
觀看:567
          
  
 

然后再script部分引入

import "@/assets/css/swiper.min.css";

页面vue实例data里的配置项

 data() {
    return {
      swiperOption: {
        //swiper配置
        //显示分页
        pagination: {
          el: ".swiper-pagination",
        },
        on: {
          slideChangeTransitionEnd: null,
        },
      },
      active: 0,
      gradeNav: ["一年級", "二年級", "三年級"],
    };
  },

//生命周期 - 创建完成（访问当前this实例）
  created() {
    //切换swiper时促发
    this.swiperOption.on.slideChangeTransitionEnd = function(swiper) {
      this.active = swiper.realIndex;
    }.bind(this);
  }