swiper插件

使用swiper4.0一些踩坑总结

1. 数据保证拿到后在初始化，eg:使用vue中v-if指令判断
2. 销毁swiper
   const swiperEg=new swiper;
   if (swiperEg) {
   swiperEg.destroy(false);
   }
3. 默认高亮展示第几个swiper（展示中间||第一个）
4. // 只有一条数据是否自动轮播
   const autoConfig = 只有一条数据 ? false : {
   delay: 4000,
   stopOnLastSlide: true,
   disableOnInteraction: false,
   };
5. // 是否无限循环 只有一条数据不循环
   const isloop = !(只有一条数据);
6. 如果自动轮播+手动切换下一个可以借助
   navigation: {
   nextEl: ‘.change-btn’
   }
7. 当需要点击事件时，可以这样配置，注意：click有300毫秒延迟
   on: {
   tap(e) {
   if (e.target.classList.contains(‘empty-box’)) {
   const attr = e.target.getAttribute(‘data-city’);
   console.log(attr, ‘attr’);
   }
   }
   }
8. 如果增加了禁止滑动实例化的配置点击事件是不生效的，可以直接在dom上绑定点击事件
9. 有一个配置可以实现swiper无缝滚动，但同时也会造成获取dom不准的问题，需要注意！！！