vue-awesome-swiper如何在mounted里初始化options属性?

<swiper class="swiperctn" :options="mySwiperOption" ref="mySwiper">

  <!-- slides -->
  <swiper-slide>
   1
  </swiper-slide>
  <swiper-slide>
   2
  </swiper-slide>
  <swiper-slide>
  3
  </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>
</swiper>

data数据里是:

mySwiperOption:{}

然后在mounted()钩子里给mySwiperOption重新写值:

mountend(){
this.swiper.mySwiperOption = {
  notNextTick:true,
    centeredSlides: true,
    slidesPerView: 1.5,
    spaceBetween: 15,
    // initialSlide:1,
    loop: true,
    
    
}
}

可是swiper组件没有发生任何变化,这是为什么呢?

阅读 11.8k
3 个回答
推荐问题