Vue-awesome-swiper: 轮播图不能loop , 不能autoplay
<swiper :options="swiperOption">
<swiper-slide v-for="swiper in swiperImg" :key="swiper.name">
<a href="javascript:;"><img :src="swiper.img" alt=""></a>
</swiper-slide>
<div class="swiper-pagination" slot="pagination"></div>
<div class="swiper-button-prev swiper-button-white" slot="button-prev"></div>
<div class="swiper-button-next swiper-button-white" slot="button-next"></div>
</swiper>
swiperOption: {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
autoplay: true,
pagination: {
el: ".swiper-pagination",
dynamicBullets: true,
clickable: true
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev"
}
},
请问下。为啥我的不能循环和自动轮播啊
dengZhiNeng
All 10 comments
跟你一样的情况，好像是for的问题，不能循环，但是我这可以自动轮播
mayday5555
on 26 Nov 2018
需要在父节点加v-if="swiperImg.length > 0"
mayday5555
on 26 Nov 2018
楼上正确。。。。
mylesshie
on 14 Dec 2018
需要在父节点加v-if="swiperImg.length > 0"
正解
renyuns
on 16 Jan 2019
正解
hgdqnhpoor
on 31 Mar 2019
差点以为这组件有bug了
qiguoqiang
on 15 May 2019
楼上正解
leixiaojing
on 3 Jul 2019
需要在父节点加v-if="swiperImg.length > 0"
@mayday5555 为什么这样就可以了？
Chorer
on 8 Mar 2020
v4.x 解决了此问题（待实测），理论上不再需要手动维护渲染状态。
surmon-china
on 29 Mar 2020
v4.x 解决了此问题（待实测），理论上不再需要手动维护渲染状态。
用了4.1.1，始终不能autoplay，loop没问题
Smiacter
on 22 Sep 2020
Related issues
Tiamatmate
·
3Comments
zhaoFangyi
·
7Comments
bourhaouta
·
3Comments
wuxiaobin1995
·
4Comments
LJade
·
6Comments
Most helpful comment
需要在父节点加v-if="swiperImg.length > 0"