swiper 在移动端不能左右滑动，数据是动态的;默认显示最后一

今天遇到一个swiper的问题
数据是后台动态加载，H5的页面，在渲染后不能够左右滑动，查了文档，发现在初始化之前添加：

observer: true,//修改swiper自己或子元素时，自动初始化swiper
observeParents: true//修改swiper的父元素时，自动初始化swiper

然后就可以滑动，但是又出了一个新的问题，默认展示的第一组数据是最后一项，也就是说在数据请求完后在进行渲染swiper，所以添加定时器进行延迟就解决了这个问题。也就是在dom生成之后在去进行swiper实例的初始化。这样就能正常加载数据并显示第一组数据。

然后自动轮播的时候还需要改变轮播的方向，默认是从右至左，但是也需要从左至右，那么在自动轮播设置：

 autoplay: {
    reverseDirection: true,
  },