swiper 中 当图片被滑动一次之后,自动轮播失效的问题 和 delay 延迟没有效果 的解决办法

在网上看到很多人说在 autoplay中设置属性,大致是这样的

var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            loop: true,
            autoplay: {
                delay: 3000,
                autoplayDisableOnInteraction: false
            }
});

然而我的并解决不了, 最后解决方式如下

var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            loop: true,
            autoplay: true,
            autoplayDisableOnInteraction: false
        });

我没有设置delay自动轮播时间间隔, 因为我的电脑上设置这个没有效果, 自动轮播乱跳,解决办法如下

<div class="swiper-slide" data-swiper-autoplay="3000">
    <img src="./uploads/slider1.dpg" alt="">
</div>

直接在轮播的div 中 通过自定义属性设置,, 

 data-swiper-autoplay="3000"