发现使用的swiper插件经常性出现一个问题,就是不知道什么时候开始,loop就失效了。即不能循环。
百度后发现是因为使用了缓存的原因。 loop设置为true 则开启loop模式。loop模式:会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换,让Swiper看起来是循环的, 可是在vue的v-for中时,异步加载的数据都还没有返回时,就先加载了Swiper组件并复制了sliper,导致loop失效
解决办法,swiperList是axios获取到的数据
<div class="wrapper" v-if='swiperList && swiperList.length > 0'>
网友评论