swiper vue 切换到指定_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);

}