有時候會遇到這種情況,用戶第一次點擊跳轉(zhuǎn),由于終端性能的問題,頁面未響應(yīng),出現(xiàn)卡頓現(xiàn)象,所以用戶很著急,就一直點點點,過了一會,頁面反應(yīng)過來了,跳轉(zhuǎn)了好幾個頁面。
這對用戶體驗肯定不好,解決方案如下
1.這是最普遍的解決方法,設(shè)置一個值,根據(jù)值來判斷下面的代碼執(zhí)不執(zhí)行。 不是很推薦
-
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 類型的參數(shù)
-
//1.success 成功回調(diào)
-
//2.fail 失敗回調(diào)
-
//3.complete 完成回調(diào) 1跟2之后都會走這個
-
-
})