使用vue-awesome-swiper 插件问题

Question

轮播效果是第一页是显示 side1 和side2,然后 转到下一页是空白页，并不是第一页显示side1，第二页显示side2 ，哪里出错了？

代码：

<template>
<div>

<swiper :options="swiperOption" ref="mySwiper">
  <!-- 幻灯内容 -->
  <swiper-slide>slide1</swiper-slide>
  <swiper-slide>slide2</swiper-slide>
  <!-- 以下控件元素均为可选 -->
  <div class="swiper-pagination" slot="pagination"></div>
  <div class="swiper-button-prev" slot="button-prev"></div>
  <div class="swiper-button-next" slot="button-next"></div>
  <div class="swiper-scrollbar"  slot="scrollbar"></div>
</swiper>

</div>
</template>
<script>
import { swiper, swiperSlide } from 'vue-awesome-swiper'
export default{

components: {
  swiper,
  swiperSlide
},
data () {
  return {
    swiperOption: {
      notNextTick: true,
    //  loop: true,
      pagination: '.swiper-pagination',
      slidesPerView: 'auto',
      centeredSlides: true,
      autoplay: 3000,
      paginationClickable: true,
      spaceBetween: 10,
      onSlideChangeEnd: swiper => {
        this.page = swiper.realIndex + 1
        this.index = swiper.realIndex
      }
    }
  }
},
computed: {
  swiper () {
    return this.$refs.mySwiper.swiper
  }
},
mounted () {
 // this.swiper.slideTo(0, 0, false)
}

}
</script>

Answer 1

回调函数没走的原因是，现在swiper用的4.0版本，要on：{init:xxx,slideChangeTransitionEnd:xxx},
很多方法都改掉了，要去看官方文档

Answer 2

<swiper-slide>slide1</swiper-slide>
<swiper-slide>slide2</swiper-slide>
这是两个轮播页
这样写应该可以
<swiper-slide>slide1,slide2</swiper-slide>
<swiper-slide></swiper-slide>

Answer 3

换回以前的2.5.4版本就可以了

Answer 4

我遇到这个options一堆没用，我想要用的回调函数都没走，我不知道为毛

Answer 5

https://www.swiper.com.cn/api...