講一下邏輯,大概就是有兩種情況
第一種就是 查詢商品詳情,查詢成功了,要展示這個商品的加個趨勢和同款好物,這是一個tab切換
第二種情況就是 查詢商品失敗了,就只展示同款好物了,
所以這是個動態(tài)控制的
我一開始就是如果商品查詢失敗了,就再第一個swiper-item標簽上加上catchtouchmove
//wxml
<swiper-item class="goods_price" catchtouchmove="stopChange"></swiper-item>
//js
stopChange(){
return false
}
確實是能阻止手動切換的,但是當商品查詢成功的時候,swiper也不能滑動切換了,后來想到增加個條件限制,只有查詢失敗得時候才返回false
stopChange(){
if(查詢失敗){
return false
}
}
但是并沒有什么用,應該是只要加了catchtouchmove事件,就不能滑動了
所以這個方案不可行
后來想了個不太好的方法,就是當查詢失敗的時候,保存一個狀態(tài),然后除了第一個得swiper-item根據(jù)這個狀態(tài)決定是否展示,查詢失敗就不展示其他swiper-item了
<swiper-item class="goods_price1">
...
</swiper-item>
<swiper-item class="goods_price2" wx:if='{{查詢成功}}'>
...
</swiper-item>
雖然這個問題是解決了,但是總感覺這個方法不是很好呢
如果有更好得解決方法,可以評論或私信交流一下哈