swiper使用中问题汇总

swiper中文官网
swiper英文官网

在开发中经常要用到轮播图插件，swiper官方文档全，功能强大，但在使用中有一些问题，在此记录。

swiper被隐藏后slider的索引被初始化

可以将隐藏改为高度为0，这样就不会触发初始化了。
或者再显示时调用mySwiper.slideTo(index, speed, runCallbacks)
文档中有个observer选项，但是并没有生效。

启动动态检查器(OB/观众/观看者)，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。
默认false，不开启，可以使用update()方法更新。

vue-awesome-swiper 循环较多时会很卡

参考vue2+vue-router 在loop下会刷新页面的问题

由于swiper官方并未修复loop模式下附带的一些bug，此问题的解决方法，只能由手动控制点击事件，即为组件绑定点击事件方法，事件发生时获取当前活动状态的slide组建的下标，进行既定操作，此问题暂时关闭。

要自己手动触发切换，同时并且要使用v-once，绑定@click.native事件

 <swiper v-once :options="swiperOption" ref="mySwiper" class="lesson-lists">
  <swiper-slide v-for="(_item,index) in items":key="_item.id"
                @click.native="study(_item),slideTo(index)">
    <!--内容-->
  </swiper-slide>
</swiper>