vue-awesome-swiper中l(wèi)oop設(shè)置true無(wú)效

你在swiper上面使用v-if=‘item.length’,確保圖片獲取完成之后再渲染swiper組件

你好，我把你的代碼貼出來(lái)運(yùn)行了，完全沒(méi)有問(wèn)題的呀，就改了一點(diǎn)點(diǎn)

<!-- <slot :src="item"></slot> -->
<img :src="item" alt="">

下面是全部代碼

<template>
    <div class="wrapper" :class="cname">
        <swiper :options="options">
            <swiper-slide v-for="(item, index) in items" :key="index">
                <!-- <slot :src="item"></slot> -->
                <img :src="item" alt="">
            </swiper-slide>
            <div class="swiper-pagination" v-if="options.pagination"  slot="pagination"></div>
        </swiper>
    </div>
    
</template>
<script>
import { swiper, swiperSlide } from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
export default {
    components: {  swiper, swiperSlide  },
    name: "sliderComponent",
    data(){
        return {
            items: [
                'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2150640351,1273280487&fm=27&gp=0.jpg',
                'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2325670101,3357651705&fm=27&gp=0.jpg',
                'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1125702920,1716149673&fm=27&gp=0.jpg',
            ]
        }
    },
    props: {
      cname: {
          type: String,
          default: ""
      },
      options: {
          type: Object,
          default () {
              return {
                  autoplay: {
                      delay: 1000,
                      disableOnInteraction: false,
                      //stopOnLastSlide: false
                  },
                  loop: true,
                  pagination: {
                      el: '.swiper-pagination'
                  },
                  observeParents:true,
                  observer:true                 
              }
          }
      },
    }
}
</script>

如果還有什么問(wèn)題可以私信我

看看官方的使用方式，是不是你的配置有不正確的。
https://github.com/surmon-chi...

<swiper :options="swiperOption"  **ref="swiperOption"** >
        <swiper-slide v-for="(item, index) in items" :key="index">
            <slot :src="item"></slot>
        </swiper-slide>
        <div class="swiper-pagination" v-if="options.pagination"  slot="pagination"></div>
    </swiper>

在swiper上加上綁定ref="swiperOption"
data里

return{
swiperOption:{
    autoplay: {
                      delay: 3000,
                      disableOnInteraction: false,
                      //stopOnLastSlide: false
                  },
                  loop: true,
                  pagination: {
                      el: '.swiper-pagination'
                  },
                  observeParents:true,
                  observer:true  
    }
}