小程序
小游戏
企业微信
微信支付
扫描小程序码分享
页面里面有管理按钮,在管理状态下swiper不能左右滑动,取消管理状态后swiper恢复滑动(swiper里面有可以滚动的scroll-view标签以及可以点击的checkbox,在管理状态下都是可以触发滚动和点击的),请问应该怎么能够动态的控制swiper的滑动状态呢?
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
我的解决方案是给swiper-item添加catchtouchmove,catchtouchmove绑定一个data里的变量,当这个变量的值为‘’的时候swiper是可以滚动的,切换状态的时候把这个变量的值设置为一个方法名字,在这个方法里直接return,swiper就不能滑动了,希望能帮助到遇见相同问题的小伙伴。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
catchtouchmove="{{isFixed: '任意非空字符' : '' }}"
我用的uni-app,代码这么写的,实现了通过show 动态控制swiper是否可滑动
<swiper-item :catchtouchmove="eventHandler"> const eventHandler = computed(() => { return show ? '任意非空字符串' : ''; });
setData变量,到渲染到页面不是异步的吗?在这异步期间做了滑动操作怎么处理
上面加个透明层catchmove?
不行
你可以换个思路,管理状态的时候把swiper隐藏,显示一个一样的view
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
我的解决方案是给swiper-item添加catchtouchmove,catchtouchmove绑定一个data里的变量,当这个变量的值为‘’的时候swiper是可以滚动的,切换状态的时候把这个变量的值设置为一个方法名字,在这个方法里直接return,swiper就不能滑动了,希望能帮助到遇见相同问题的小伙伴。
catchtouchmove="{{isFixed: '任意非空字符' : '' }}"
我用的uni-app,代码这么写的,实现了通过show 动态控制swiper是否可滑动
<swiper-item :catchtouchmove="eventHandler"> const eventHandler = computed(() => { return show ? '任意非空字符串' : ''; });
setData变量,到渲染到页面不是异步的吗?在这异步期间做了滑动操作怎么处理
上面加个透明层catchmove?
不行
你可以换个思路,管理状态的时候把swiper隐藏,显示一个一样的view
若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人