微信小程序swiper 阻止手动切换,swiper阻止滑动,动态阻止切换

讲一下逻辑,大概就是有两种情况

• 第一种就是 查询商品详情，查询成功了，要展示这个商品的加个趋势和同款好物，这是一个tab切换

• 第二种情况就是 查询商品失败了，就只展示同款好物了，

所以这是个动态控制的

我一开始就是如果商品查询失败了，就再第一个swiper-item标签上加上catchtouchmove

//wxml

<swiper-item class="goods_price" catchtouchmove="stopChange"></swiper-item>

//js

stopChange(){
    
    
    return false
}

确实是能阻止手动切换的，但是当商品查询成功的时候，swiper也不能滑动切换了，后来想到增加个条件限制，只有查询失败得时候才返回false

stopChange(){
    
    
    if(查询失败){
    
    
        return false
    }
}

但是并没有什么用，应该是只要加了catchtouchmove事件，就不能滑动了

所以这个方案不可行

后来想了个不太好的方法，就是当查询失败的时候，保存一个状态，然后除了第一个得swiper-item根据这个状态决定是否展示，查询失败就不展示其他swiper-item了

<swiper-item class="goods_price1">
...
</swiper-item>

<swiper-item class="goods_price2" wx:if='{
    
    {查询成功}}'>
...
</swiper-item>

虽然这个问题是解决了，但是总感觉这个方法不是很好呢

如果有更好得解决方法，可以评论或私信交流一下哈