小程序模板網(wǎng)

微信小程序重復(fù)點擊的解決方法

發(fā)布時間:2021-06-10 09:42 所屬欄目:小程序開發(fā)教程
有時候會遇到這種情況,用戶第一次點擊跳轉(zhuǎn),由于終端性能的問題,頁面未響應(yīng),出現(xiàn)卡頓現(xiàn)象,所以用戶很著急,就一直點點點,過了一會,頁面反應(yīng)過來了,跳轉(zhuǎn)了好幾個頁面。

這對用戶體驗肯定不好,解決方案如下

1.這是最普遍的解決方法,設(shè)置一個值,根據(jù)值來判斷下面的代碼執(zhí)不執(zhí)行。 不是很推薦
  1. if (!this.data.isNext) return
  2.     this.data.isNext = false
  3.  
  4. wx.navigateTo({
  5.     url:'/pages/shop/goods/index',
  6.     success: () => {
  7.         this.data.isNext = true
  8.     },
  9.     fail: ()=>{
  10.         this.data.isNext = true
  11.     }
  12. })

2.推薦這個,少了很多易打錯的代碼
  1. wx.showLoading({
  2.     title:"處理中",
  3.     mask: true //是否顯示透明蒙層,防止觸摸穿透
  4. })
  5.  
  6.  
  7. wx.navigateTo({
  8.     url:"/pages/shop/goods/index",
  9.     complete: ()=>{
  10.         wx.hideLoading()
  11.     }
  12.     //在這里寫wx.hideLoading而不在底部寫的原因是
  13.  
  14.     //大部分api都是異步的。這類 API 接口通常都接受一個 Object 類型的參數(shù)
  15.     //1.success 成功回調(diào)
  16.     //2.fail    失敗回調(diào)
  17.     //3.complete 完成回調(diào) 1跟2之后都會走這個
  18.  
  19. })


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/26363.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢