鍍金池/ 問答/HTML/ vue中使用swiper的問題

vue中使用swiper的問題

用vue-awesome-swiper 在移動端做一個輪播圖 圖片從后臺獲取
輪播的時候 最后一張圖片切換的時候會 切換到第二張 而不是第一張
百度了半天 有個方法是獲取數(shù)據(jù)后 再初始化swiper
但是swiper 好像沒有api可以在組件中初始化
做過這個效果或者遇到過這個坑的大佬 請不吝賜教 先行謝過

回答
編輯回答
命于你

定義swiper數(shù)據(jù)

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

發(fā)送請求獲取數(shù)據(jù)

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

組件

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

2017年3月27日 20:01