vue中使用vue-awesome-swiper注意事项

1 关于vue中使用swiper,swiper不能滑动,loop循环效果失效等问题

swiper不能滑动主要是因为初始化swiper的时候没有拿到数据所导致的,解决这个问题只需先拿到数据,然后再初始化swiper.网上有很多方法都是沿用了在非框架中使用swiper的方法

var mySwiper = new Swiper('.swiper-container', options)

个人不建议在vue中直接使用这种初始化的方式,因为你还需要考虑先拿数据,拿了数据也不是立马能够初始化swiper的,一部分人的做法是拿到数据后使用vue的nextTick的方法初始化:

await this.getData()