讲一下逻辑,大概就是有两种情况
第一种就是 查询商品详情,查询成功了,要展示这个商品的加个趋势和同款好物,这是一个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>
虽然这个问题是解决了,但是总感觉这个方法不是很好呢
如果有更好得解决方法,可以评论或私信交流一下哈