问答

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

作者:admin 2021-05-09 我要评论

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

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

这里有个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>
###

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

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

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

bindchange?

###

bindchange和bindanimationfinish都可以监听到current的变化

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • grom设置json默认值

    grom设置json默认值

  • Vue路由报错,看着没问题

    Vue路由报错,看着没问题

  • 思否邮箱登录为什么区分大小写了呢?

    思否邮箱登录为什么区分大小写了呢?

  • 有没有能够直接上传markdown文件作为博

    有没有能够直接上传markdown文件作为博

腾讯云代理商
海外云服务器