今天遇到一个swiper的问题
数据是后台动态加载，H5的页面，在渲染后不能够左右滑动，查了文档，发现在初始化之前添加：
observer: true,//修改swiper自己或子元素时，自动初始化swiper
observeParents: true//修改swiper的父元素时，自动初始化swiper
然后就可以滑动，但是又出了一个新的问题，默认展示的第一组数据是最后一项，也就是说在数据请求完后在进行渲染swiper，所以添加定时器进行延迟就解决了这个问题。也就是在dom生成之后在去进行swiper实例的初始化。这样就能正常加载数据并显示第一组数据。
然后自动轮播的时候还需要改变轮播的方向，默认是从右至左，但是也需要从左至右，那么在自动轮播设置：
autoplay: {
reverseDirection: true,
},
网友评论