Vue-awesome-swiper: Why my swiper slide from the last slide?

[Manjiz]

Without setting the initialSlide, my swiper always slide from the last slide. As I set it to 1, it works (Slide from the first slide). Why not Zero.

swiperOption: {
    pagination: '.swiper-pagination',
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    slidesPerView: 1,
    paginationClickable: true,
    spaceBetween: 30,
    loop: true,
    autoplay: 3000,
    autoplayDisableOnInteraction: false
}

[surmon-china]

I have a local test, did not find this problem, can you provide a more detailed description of it?

[Manjiz]

@surmon-china It arose when I used the loop (v-for).

  <swiper :options="swiperOption" ref="test" class="category_carousel">
    <swiper-slide
      v-for="(item, index) in classAdsActivity"
      :key="item.id"
      class="J_ping">
      <a :href="item.url">
        <img :src="item.image">
      </a>
    </swiper-slide>
    <div class="swiper-pagination" slot="pagination"></div>
  </swiper>

[surmon-china]

Me too.

[surmon-china]

Check if your array order is within your expectations?

[Manjiz]

@surmon-china

Note: As the array was in data, there was no problem.

mapGetters({classAdsActivity: 'classAdsActivity'}). The initial state of classAdsActivity is [].

[simone-sanfratello]

I had same problem, fixed with
js swiperOption: { ... onInit: function (swiper) { swiper.slideTo(1) }

@surmon-china thanks for this great plugin

[hgawait]

My solution is：
swiperOption: {
...
initialSlide: 1
}

[imsidz]

did anyone fixed it because i am still getting same problem