Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.0k views
in Technique[技术] by (71.8m points)

小程序如何监听swiper的变化?

这里有个swiper 我设置了自动轮播 我想监听它的滑动到哪个swiper-item了 应该怎么监听?有个current属性 但是不能像vue那样监听

<swiper circular="true" autoplay="true" interval="3000" duration="500" class="sw">
    <swiper-item class="item1">
    </swiper-item>
    <swiper-item class="item2">
    </swiper-item>
</swiper>

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

你不触发它内部也会触发change事件的,你想取current的值就写一个函数就好了。
image.png

<swiper bindchange="changeEvent"> </swiper>

changeEvent(e) {
    console.log(e.detail.current, 'current')
 }

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...