swiper 动态禁止切换不是disable-touch 因为disable-touch会导致切换中途卡主

分类：uni-app

swiper uniapp

@touchmove.stop="" 就永久禁止滑动了

我希望通过我的一个flag能够动态设置是否可以滑动

不是disable-touch 因为disable-touch会导致切换中途卡住

2024-06-17 20:31 负责人:无分享

2 个回复

解决了没? 我有个和你一样的需求, 最终选择了在swiper上加一层透明遮罩, 需要滑动就不显示, 禁止滑动就显示。

还有一种方案就是写两个swiper, 禁止滑动的那个加上@touchmove.stop, 不禁止的那个就不加, 这个的问题就是会出现大量的重复的html结构

张汛杰 - 前华为高级工程师，自主创业中

我代码这么写的，微信小程序场景，实现了通过show 动态控制swiper是否可滑动。

    <swiper-item :catchtouchmove="eventHandler">  

const eventHandler = computed(() => {  
    return show ? '任意非空字符串' : '';  
});

要回复问题请先登录或注册