找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 查看内容

uniapp swiper组件如何禁止滑动

作者:模板之家 2020-12-14 12:19 58人关注

uniapp swiper组件禁止滑动的方法:1、在【swiper-item】增加一个方法,代码为【swiper-item catchtouchmove=stopTouchMove】;2、js方法实现返回false。

uniapp swiper组件禁止滑动的方法:1、在【swiper-item】增加一个方法,代码为【<swiper-item catchtouchmove="stopTouchMove">】;2、js方法实现返回false。

本教程操作环境:windows7系统、uni-app2.5.1版本,该方法适用于所有品牌电脑。

推荐(免费):uni-app开发教程

uniapp swiper组件禁止滑动的方法:

swiper 组件实现水平滑动切换,有时候只想通过点击按钮切换,需要禁用手动滑动切换。可以用下面的实现方法:

wxml:在 swiper-item 增加一个方法

<swiper-item catchtouchmove="stopTouchMove">

js:方法实现返回false

stopTouchMove: function() {
  return false;
}

相关免费学习推荐:php编程(视频)

以上就是uniapp swiper组件如何禁止滑动的详细内容,更多请关注模板之家(www.mb5.com.cn)其它相关文章!


路过

雷人

握手

鲜花

鸡蛋
来自: 网络收集

全部回复(0)