swiper-slide中li标签v-for循环渲染数据时出现一个空的swiper-slide

song224337

<div class="swiper-wrapper">
  <div class="swiper-slide">
    <ul class="floor">
      <li v-for="courseCom1 in compCourse1" :key="courseCom1.id">
        <div class="inner">
          <div class="box">
            <img :src="courseCom1" alt="" class="fullWidth">
          </div>
          <a href="##" class="button">xxxxxx</a>
        </div>
      </li>
    </ul>
  </div>
  <div class="swiper-slide">
    <ul class="floor">
      <li v-for="courseCom2 in compCourse2" :key="courseCom2.id">
        <div class="inner">
          <div class="box">
            <img :src="courseCom2" alt="" class="fullWidth">
          </div>
          <a href="##" class="button">xxxxx</a>
        </div>
      </li>
    </ul>
  </div>
</div>

这样喧染出来一共有四个swiper-slide,求指点