Javascript Swiper js在有一张幻灯片时显示3张相同的幻灯片

我试图在页面中显示3张幻灯片。问题是，每当少于3张幻灯片时，这些幻灯片都会被复制以填补空白，因此，例如，如果我只有一张幻灯片，它会显示同一张幻灯片的三个相同副本。 有什么办法可以避免吗？我只想看一张幻灯片

以下是swiper的配置：

var swiper = new Swiper('.campaign-slider-two', {
    slidesPerView: 3,
    spaceBetween: 0,
    autoplay: {
        delay: 5000,
        disableOnInteraction: false,
    },
    breakpoints: {
        768: {
            slidesPerView: 2,
        },
        767: {
            slidesPerView: 1,
        },
    },
    pagination: {
        el: '.campaign-pagination',
        clickable: true,
    },
    loop: true,
});

我查看了Swiper文档，但找不到关于这种配置的任何信息。

---

如何解决此问题？

只需将

循环

参数从

真

更改为

假

只需将

循环

参数从

真

更改为

假
在创建SWIPER之前添加这些行

const swiper = this.swiper;
swiper.loopDestroy();
swiper.loopCreate();

例如：

const swiper = this.swiper;
swiper.loopDestroy();
swiper.loopCreate();

var swiper = new Swiper('.swiper-container', { 
    slidesPerView: 'auto',
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },
});`

在创建刷卡器之前添加这些行

const swiper = this.swiper;
swiper.loopDestroy();
swiper.loopCreate();

例如：

const swiper = this.swiper;
swiper.loopDestroy();
swiper.loopCreate();

var swiper = new Swiper('.swiper-container', { 
    slidesPerView: 'auto',
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },
});`