在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-cli里面引入swiper輪播組件，開啟輪播后，第一張圖總是一閃而過

vue-cli里面引入swiper輪播組件，開啟輪播后，第一張圖總是一閃而過

我是全局引入的swiper組件，在沒有開啟自動輪播之前，都是正常的，但是開啟之后。就發(fā)現(xiàn)了錯誤。輪播到最后一張之前都是正常的，但是到了最后一張，好像時間有長一點，然后第一張一閃而過，就突然跳到第二張了。
代碼截圖如下：
圖片描述

圖片描述

其他的代碼就沒有。搞了快一天了，之前用的iview的輪播也是有問題，換了現(xiàn)在這個又出現(xiàn)問題。如果有其他好的vue輪播組件推薦也行，麻煩大佬了。

回答
編輯回答
陪妳哭

setTimeout(function(){

              var mySwiper = $('#swiper1').swiper({
            loop: true,
            autoplay: 4000, //自動切換的時間間隔（單位ms）        
            speed: 500, //滑動速度:自動滑動開始到結(jié)束的時間（單位ms）        
            autoplayDisableOnInteraction: false, //注意此參數(shù)，默認為true        
            observer: true, //修改swiper自己或子元素時，自動初始化swiper        
            observeParents: true, //修改swiper的父元素時，自動初始化swiper        
    });
               },500);

用延時器包一下
或者把初始化swiper的js放到動態(tài)加載圖片的代碼之后

2017年7月19日 11:21
編輯回答
獨特范

數(shù)據(jù)是不是后端接口ajax獲取的？

試一下 在獲取數(shù)據(jù)后
this.$nextTick(()=>{

swiper.init() // 再初始化swiper

})

2017年2月1日 17:04