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 个回答

重写之后需要重新init

swiper 有 init这个api么

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题