vue中使用swiper的问题
2020-03-01 本文已影响0人
edisonTechBlog
发现使用的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'>
