vue-awesome-swiper的loop循环不管用了(!)

今天在使用vue-awesome-swiper是遇到一个问题,就是loop属性填为true时仍然是无法循环,于是就上网查了一下,然后在这里记录一下。
问题点 在Vue中如果数据是动态传入swiper时,会出现即使在swiperOption数据中添加loop的属性为true时,也无法使轮播图循环播放。
解决方案 【vue-awesome-swiper的loop循环不管用了(!)】那么此时只需要在swiper中添加一个v-if判断一下传入数据的长度或者其他跟随数据响应式变化的值即可使loop生效了。

vue-awesome-swiper的loop循环不管用了(!)
文章图片

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

    推荐阅读