vue3 swiper8 slides-per-view设置auto无法自适应显示数量

Question

这是官网的例子，我swiper-slide中写了div，但是每个div宽度不一定一致，所以有一屏显示多个slide的情况。但是最新的swiper8 英文官网里没有看到解释，只写了:slides-per-view="3" ,这个官网真的太拉了，没有什么详细介绍。
哪位大佬帮忙看看到底应该怎么设置才对，最下面的图就是auto显示的效果，一屏只有一个slide，而且宽度默认是100%，所以应该是没有生效。v8的官网没有写任何解释slides-per-view的

<template>
  <swiper slides-per-view="auto" :space-between="10" @swiper="onSwiper" @slideChange="onSlideChange">
    <swiper-slide v-for="item in 10" :key="item">
      <div :style="{ width: 300 + item + 'px', height: '80px', background: 'red' }"></div>
    </swiper-slide>
  </swiper>
</template>
<script>
// Import Swiper Vue.js components
import { Swiper, SwiperSlide } from 'swiper/vue';

// Import Swiper styles
import 'swiper/css';

export default {
  components: {
    Swiper,
    SwiperSlide,
  },
  setup() {
    const onSwiper = (swiper) => {
      console.log(swiper);
    };
    const onSlideChange = () => {
      console.log('slide change');
    };
    return {
      onSwiper,
      onSlideChange,
    };
  },
};
</script>

Answer 1

给swiper-slide加个宽度auto就好了