使用swiper出现的问题

1.页面中点击按钮需要新建轮播（需要新建多个），出现顺序错乱的问题

当页面中通过点击按钮切换轮播，即点击按钮需要new swiper，新建后，页面中swiper内容没有问题

但是，点击上一个下一个按钮，顺序会发生错乱

 在new 之前需要使用destroy销毁

 

 

2.使用loop为true时，当数据量为1时，页面如果现实3条数据，则为重复数据

解决：动态判断loop:len >= 3?true:false

可能会出现的问题：

当只有一条数据时，页面中的前进后退按钮隐藏，当加载大于两条数据时，前进后退按钮无法自动现实，只有加载两条数据，前进后退按钮才能显示出来

原因猜测，没有触发前进后退按钮的class更新

解决办法：new swiper之后添加判断

if(len >= 3){

　　document.getElementsByClassName("swiper-button-next")[0].className = 'swiper-button-next'

　　document.getElementsByClassName("swiper-button-prev")[0].className = 'swiper-button-prev'

}