Swiper中文论坛
标题:
关于swiper3的一个神坑，我认为我没有问题
[打印本页]
作者:
alien1
时间:
2020-11-20 11:51
标题:
关于swiper3的一个神坑，我认为我没有问题
核心代码这个是轮播图的代码switchSwiper用于切换到指定轮播图的
<
img
:class
="
activeIndex
== (
index
+
1
) ?
'current_chart'
:
''
"
v-for
="(
pic
,
index
)
in
masterPicList
"
:src
="
pic
"
:key
="
index
"
@click
="
switchSwiper
(
index
+
1
)"/>
这个是初始化的代码
this
.
$nextTick
(()
=>
{
let
that
=
this
;
this
.
swiper
=
new
Swiper
(
'.swiper-container'
, {
autoplay:
2000
,
loop:
true
,
onSlideChangeEnd
(
swiper
) {
that
.
activeIndex
=
swiper
.
activeIndex
;
}
})
})
现象：第一轮进行轮播的时候
swiper
.
activeIndex返回的数字是1,2,3,4,5正常顺序，轮播完成后
loop:true重新轮播第二次开始就会一直返回2,3,4,5,6。
请教大神这个什么问题？
作者:
alien1
时间:
2020-11-20 11:59
那个大神能够給我跳一下这个坑，vue的环境版本"swiper": "^3.4.2"。
作者:
alien1
时间:
2020-11-20 12:00
还有一个现象就是等他自己轮播可以正常轮播，但是只要反向滑动一次轮播就停止了。
作者:
那抹爱
时间:
2020-11-27 17:16
aaaa
aaaaaaaaaaaaa
作者:
1231456789
时间:
2020-11-30 17:46
可以换onSlideChangeStart（）方法，swiper3的loop选项不是特别好用
作者:
Jayde
时间:
2020-12-7 15:26
添加这个配置项 autoplayDisableOnInteraction : false
作者:
时期
时间:
2020-12-31 11:31
loop模式下 activeIndex会+1 应该用realIndex
作者:
马云
时间:
2021-4-1 16:03
看看看看看看
欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)
Powered by Discuz! X3.2
aaaaaaaaaaaaa