vue从后台调用图片，用swiper显示，怎样让其在一页上显示多张图片？

<div class="swiperDiv">
        <swiper ref="mySwiper" >
          <swiper-slide class="sl" :options="swiperOptions" :key="i" v-for="(v, i) in classFood">
            <div class="type">
              <img :src="imgUrl1 + v.image_url" alt="" />
              <div class="foodClassName">{{v.title}}</div>
            </div>
          </swiper-slide>

          <div class="swiper-pagination" slot="pagination" ></div>
        </swiper>
</div>

目前是一页只有一个图片，如何让一页显示8张，下一页再接着显示另8张？

去看看swiper的配置，他有属性可以配置

<div class="type">
              <img :src="imgUrl1 + v.image_url" alt="" />
              <div class="foodClassName">{{v.title}}</div>
</div>

这个div遍历八次