vue中使用swiper插件做宫格轮播, slidesPerColumn设置为2, slidesPerView设置为3,总共有6个slide,但是出现了三行,请问是怎么回事

vue中使用swiper插件做宫格轮播, slidesPerColumn设置为2, slidesPerView设置为3,总共有6个slide,但是出现了三行,请问是怎么回事,是少了一个参数吗

img

img

该回答引用GPTᴼᴾᴱᴺᴬᴵ
根据您的描述,您设置了 slidesPerColumn 为2,这意味着您希望每一列中有2个slide。而同时您将 slidesPerView 设置为3,这意味着每个slide的宽度为 swiper-container 的三分之一。由于您只有6个slide,这个设置的确会导致一些问题。具体来说,由于每个slide的宽度是 swiper-container 的三分之一,所以在第三个slide之后,没有足够的slide来填满第二列,因此会出现一个空白的位置,然后第四个slide会出现在第三行。因此,您需要调整您的设置以适应您的实际情况。如果您只有6个slide,您可以将 slidesPerView 设置为2,这样每个slide的宽度将为 swiper-container 的一半,可以完美适配2列。