vue-awesome-swiper的loop循环不管用了？！

今天在使用vue-awesome-swiper是遇到一个问题，就是loop属性填为true时仍然是无法循环，于是就上网查了一下，然后在这里记录一下。

问题点

在Vue中如果数据是动态传入swiper时，会出现即使在swiperOption数据中添加loop的属性为true时，也无法使轮播图循环播放。

解决方案

那么此时只需要在swiper中添加一个v-if判断一下传入数据的长度或者其他跟随数据响应式变化的值即可使loop生效了。

<swiper :options="swiperOption" ref="mySwiper" v-if="propSwiperData.length">
    <swiper-slide v-for="(item, i) in propSwiperData" :key="i">
        <img :src="item.image" />
    </swiper-slide>
</swiper>

data() {
    return {
        swiperOption: {
            loop: true,
        },
    }
},