Vue-Swiper解决轮播到最后一张停止

1.sipwer的bug，如果数据是从网络上获取的，那么自动轮播到最后一张就会停止2.解决方法在swiper组件上加上v-if="数据.length>0"<template><swiper ref="mySwiper" :options="swiperOptions" class="banner" v-if="banners.length>0"><swip

YY小怪兽

2918人浏览 · 2022-03-05 10:20:40

YY小怪兽 · 2022-03-05 10:20:40 发布

1.sipwer的bug，如果数据是从网络上获取的，那么自动轮播到最后一张就会停止
2.解决方法在swiper组件上加上v-if="数据.length>0"

<template>
  <swiper ref="mySwiper" :options="swiperOptions" class="banner" v-if="banners.length>0">
    <swiper-slide v-for="value in banners" :key="value.bannerId" class="item">
      <a :href="value.url">
        <img :src="value.pic" alt="">
      </a>
    </swiper-slide>
    <div class="swiper-pagination" slot="pagination"></div>
  </swiper>
</template>