在小程序中禁止swiper滑动

1033 05-12

小程序中有时候我们要禁止用户滑动 swiper 组件，这时候 catchtouchmove 派上用场，在 swiper-item 上加上事件 catchtouchmove 即可。

// index.wxml
<swiper class='yaohe' vertical='true' circular='true' autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
  <block wx:for='{{yaohe}}'>
   <swiper-item catchtouchmove='catchTouchMove'>
      ...
   </swiper-item>
  </block>
</swiper>


// index.js
...
catchTouchMove() {
  return false;
},
...