uniapp swiper組件如何禁止滑動

uniapp swiper元件禁止滑動的方法：1、在【swiper-item】增加一個方法，程式碼為【<swiper-item catchtouchmove="stopTouchMove">】；2、js方法實作返回false 。 <swiper-item catchtouchmove="stopTouchMove">

本教學操作環境：windows7系統、uni-app2.5.1版本、thinkpad t480電腦。

uniapp swiper元件禁止滑動的方法：

swiper 元件實現水平滑動切換，有時只想透過點擊按鈕切換，需要停用手動滑動切換。可以用下面的實作方法：

wxml：在swiper-item 增加一個方法

<swiper-item catchtouchmove="stopTouchMove">

js：方法實作回傳false

#

stopTouchMove: function() {
  return false;
}

推薦（免費）：uni-app開發教學

以上是uniapp swiper組件如何禁止滑動的詳細內容。更多資訊請關注PHP中文網其他相關文章！