小程序swiper上下滑动禁止下拉刷新

譬如朝露 V管理员/ 2019-02-21 / 0 评论/ 2139阅读

02 21

当我们使用swiper上下滑动的时候，如果页面开启了下拉刷新，你会发现在swiper上下滑动会触发了下拉刷新,想禁止下拉刷新也很简单。

第一个方法就是直接不让页面下拉刷新，简单粗暴。

另外一个方法就是，如果是在swiper滑块内滑动，就禁止下拉刷新，可以利用wx.stopPullDownRefresh(Object object)停止当前页面下拉刷新

我们需要知道用户是否在swiper中滑动，还是在swiper外滑动了，可以利用swiper中的bindtransition这个事件

bindtransition

EventHandle

swiper-item 的位置发生改变时会触发 transition 事件，event.detail = {dx: dx, dy: dy}

代码如下：

<swiper  bindtransition="tanrs" vertical="true">

tanrs(e){
wx.stopPullDownRefresh();
}