vue中使用swiper的问题

Question

用vue-awesome-swiper 在移动端做一个轮播图 图片从后台获取
轮播的时候 最后一张图片切换的时候会 切换到第二张 而不是第一张
百度了半天 有个方法是获取数据后 再初始化swiper
但是swiper 好像没有api可以在组件中初始化
做过这个效果或者遇到过这个坑的大佬 请不吝赐教 先行谢过

Answer 1

定义swiper数据

data(){
    return {
         swiperdata:[]
    }
}

发送请求获取数据

created(){
    asiox.get().then(res=>{
    
        this.$nextTick(()=>{
            this.swiperdata=[...]
        })
    })
}

组件

<swiper v-if="swiperdata&&swiperdata.length>0"></swiper>