公告列表
公告列表
收藏
回答

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

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

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

4 个回答

  • Dien
    Dien
    2020-06-30

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

    2020-06-30
    有用 4
    回复 5
    • 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
      赞
      回复
  • 金
    金
    2020-10-08

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

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

    上面加个透明层catchmove？

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

    不行

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

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

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