百度ecahrts和swiper一塊兒使用,loop複製slide致使圖表不展現的問題解決

因爲老項目用的swiper3,因此這裏貼出來的是swiper3的配置項,swiper4的參照下面的稍做修改便可(原理就是經過回調本身手動控制)app

autoplay: 0,
loop: false,
onInit: swiper => {
    setTimeout(() => {
        swiper.slideNext();
    }, 1500);
},
onSlideChangeEnd: swiper => {
    if (swiper.activeIndex === 1) {
        let dom = swiper.slides[0];
        swiper.removeSlide(0);
        swiper.appendSlide(dom);
        swiper.activeIndex = 0;
        swiper.update();
        setTimeout(() => {
            swiper.slideNext();
        }, 1500);
    }
}
相關文章
相關標籤/搜索