动态加载swiper,默认显示最后一个swiper-slide解决方案

用ajax动态加载swiper-slide以后，由于我是自适应屏幕的尺寸来决定一屏显示多少图片，所以加了 slidesPerView:‘auto‘这条属性，
加了这条属性过后，每次刷新页面的时候他总是跑到最后一张；

原因：
当页面还没有接收ajax数据的时候，props的list接收的是swiperList:[]空数组，swiper的初始创建是通过空数组创建的，当ajax获取数据后，swiperList变成真正的数据项，再传给子组件时，才获取到新的数据，重新渲染新数据对应的图片，因为swiper的创建是根据空数组创建的才会出现上面的问题。

解决方法：
让swiper由完整的数据来创建，当this.list.length=0，list是空数组时，不会创建，当真正的数据传过来之后，swiper才会被创建，由此解决以上问题。意思是加判断数组长度解决

const list=[]
react中return list.length?<swiper></swiper>:''
vue中<swiper v-if="list.length"></swiper>