美文网首页
vue中使用swiper的问题

vue中使用swiper的问题

作者: edisonTechBlog | 来源:发表于2020-03-01 15:51 被阅读0次

    发现使用的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'>
    

    相关文章

      网友评论

          本文标题:vue中使用swiper的问题

          本文链接:https://www.haomeiwen.com/subject/ofeckhtx.html