<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组件没有发生任何变化,这是为什么呢?
重写之后需要重新init