微信小程序swiper 阻止手動(dòng)切換,swiper阻止滑動(dòng),動(dòng)態(tài)阻止切換

講一下邏輯,大概就是有兩種情況

  • 第一種就是 查詢商品詳情,查詢成功了,要展示這個(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)論或私信交流一下哈

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容