收藏
回答

请问怎么动态的来动态阻止swiper滑动?

页面里面有管理按钮,在管理状态下swiper不能左右滑动,取消管理状态后swiper恢复滑动(swiper里面有可以滚动的scroll-view标签以及可以点击的checkbox,在管理状态下都是可以触发滚动和点击的),请问应该怎么能够动态的控制swiper的滑动状态呢?

回答关注问题邀请回答
收藏

5 个回答

  • shelter(增肌版
    shelter(增肌版
    2020-06-30

    我的解决方案是给swiper-item添加catchtouchmove,catchtouchmove绑定一个data里的变量,当这个变量的值为‘’的时候swiper是可以滚动的,切换状态的时候把这个变量的值设置为一个方法名字,在这个方法里直接return,swiper就不能滑动了,希望能帮助到遇见相同问题的小伙伴。

    2020-06-30
    有用 4
    回复 6
    • 2020-09-28
      可以看一下代码片段吗
      2020-09-28
      回复
    • 2020-09-28
      可以看一下代码片段吗
      2020-09-28
      回复
    • 2021-04-30回复
      2021-04-30
      回复
    • 小菜
      小菜
      2022-07-12回复
      这也太神奇了吧!好了  可是我看swiper-item里面没有catchtouchmove这个事件啊!
      2022-07-12
      回复
    • 小菜
      小菜
      2022-07-12
      6啊集美
      2022-07-12
      回复
    查看更多(1)
  • 张汛杰
    张汛杰
    12-14

    我用的uni-app,代码这么写的,实现了通过show 动态控制swiper是否可滑动

            <swiper-item :catchtouchmove="eventHandler">
    
    	const eventHandler = computed(() => {
    		return show ? '任意非空字符串' : '';
    	});
    
    12-14
    有用
    回复
  • 金
    2020-10-08

    setData变量,到渲染到页面不是异步的吗?在这异步期间做了滑动操作怎么处理

    2020-10-08
    有用
    回复
  • 2020-06-30

    上面加个透明层catchmove?

    2020-06-30
    有用
    回复 1
    • shelter(增肌版
      shelter(增肌版
      2020-06-30
      谢谢您,我考虑过这个方法,但我的swiperitem里面有可以点击和滑动的元素,怕受到影响,我给swiper-item添加了catchtouchmove,动态的控制了一下它绑定的值,目前来看是解决了,希望真机也能好用
      2020-06-30
      回复
  • 祺爸💎
    祺爸💎
    2020-06-30

    不行

    你可以换个思路,管理状态的时候把swiper隐藏,显示一个一样的view

    若认为该回答有用,给回答者点个[ 有用 ],让答案帮助更多的人

    2020-06-30
    有用
    回复 11
    • shelter(增肌版
      shelter(增肌版
      2020-06-30
      啊啊啊啊!!!谢谢您,不过我找到一个更好的解决方案啦,查了一下午,提问完莫名其妙鼓捣出来了。
      2020-06-30
      回复
    • 。
      2020-07-09回复shelter(增肌版
      麻烦问一下是个怎么样解决的呢
      2020-07-09
      回复
    • shelter(增肌版
      shelter(增肌版
      2020-07-09回复
      给swiper-item添加catchtouchmove,catchtouchmove绑定一个data里的变量,动态setData这个变量值,当变量值为‘’的时候swiper是可以滚动的,禁止滑动的话把这个变量的值setData为一个页面里方法的名字,在这个绑定的方法里直接return,swiper就不能滑动了
      2020-07-09
      回复
    • 。
      2020-07-09回复shelter(增肌版
      澳 不好意思 , 上面有嗷  感谢回复!!!
      2020-07-09
      回复
    • 。
      2020-07-09回复shelter(增肌版
      但是禁止滑动之后 上下滑动也不行了 难顶
      2020-07-09
      回复
    查看更多(6)
登录 后发表内容
问题标签