vue-awesome-swiper 的bug:轮播图自动轮播到最后一页就不轮播了?

项目场景:

在开发vue项目的时候,需要做一个轮播图,因此小编使用了 vue-awesome-swiper 三方库(链接:https://github.com/surmon-china/vue-awesome-swiper);

html 代码如下:


问题描述:

调试之后发现bug:轮播图滚动到最后一张,就不再往下继续轮播~

(而且给 swiperOptions 配置中还配置了 stopOnLastSlide:false;(当切换到最后一个slide时继续自动切换)选项,到最后一张还是不能继续轮播;)


原因分析:       

vue-awesome-swiper 的bug:轮播图自动轮播到最后一页就不轮播了?_第1张图片                                   

注意点:vue-awesome-swiper 三方库的bug:如果数据是从网络获取的,那么自动轮播到最后一页之后就不轮播了;


解决方案:

只需要在swiper组件上面加上 v-if="数据.length > 0" 即可继续轮播~

PS:上面 “数据” 是:从网络上获取的轮播图数组;

小编的html代码如下:

 

vue-awesome-swiper 的bug:轮播图自动轮播到最后一页就不轮播了?_第2张图片

 

你可能感兴趣的:(遇到bug,vue.js,前端)