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