有時候會遇到這種情況,用戶第一次點擊跳轉,由于終端性能的問題,頁面未響應,出現卡頓現象,所以用戶很著急,就一直點點點,過了一會,頁面反應過來了,跳轉了好幾個頁面。
這對用戶體驗肯定不好,解決方案如下
1.這是最普遍的解決方法,設置一個值,根據值來判斷下面的代碼執不執行。 不是很推薦
-
if (!this.data.isNext) return
-
this.data.isNext = false
-
-
wx.navigateTo({
-
url:'/pages/shop/goods/index',
-
success: () => {
-
this.data.isNext = true
-
},
-
fail: ()=>{
-
this.data.isNext = true
-
}
-
})
2.推薦這個,少了很多易打錯的代碼
-
wx.showLoading({
-
title:"處理中",
-
mask: true //是否顯示透明蒙層,防止觸摸穿透
-
})
-
-
-
wx.navigateTo({
-
url:"/pages/shop/goods/index",
-
complete: ()=>{
-
wx.hideLoading()
-
}
-
//在這里寫wx.hideLoading而不在底部寫的原因是
-
-
//大部分api都是異步的。這類 API 接口通常都接受一個 Object 類型的參數
-
//1.success 成功回調
-
//2.fail 失敗回調
-
//3.complete 完成回調 1跟2之后都會走這個
-
-
})