】;2、js方法實作回傳false。"/> 】;2、js方法實作回傳false。">

首頁 >web前端 >uni-app >uniapp swiper組件如何禁止滑動

uniapp swiper組件如何禁止滑動

coldplay.xixi
coldplay.xixi原創
2020-12-14 10:54:3510836瀏覽

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

uniapp swiper組件如何禁止滑動

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn