有时候会遇到这种情况,用户第一次点击跳转,由于终端性能的问题,页面未响应,出现卡顿现象,所以用户很着急,就一直点点点,过了一会,页面反应过来了,跳转了好几个页面。
这对用户体验肯定不好,解决方案如下
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之后都会走这个
-
-
})