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

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

  • 第一種就是 查詢商品詳情,查詢成功了,要展示這個商品的加個趨勢和同款好物,這是一個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>

雖然這個問題是解決了,但是總感覺這個方法不是很好呢

如果有更好得解決方法,可以評論或私信交流一下哈

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

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

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