有时候会遇到这种情况,用户第一次点击跳转,由于终端性能的问题,页面未响应,出现卡顿现象,所以用户很着急,就一直点点点,过了一会,页面反应过来了,跳转了好几个页面。
这对用户体验肯定不好,解决方案如下
1.这是最普遍的解决方法,设置一个值,根据值来判断下面的代码执不执行。 不是很推荐
if (!this.data.isNext) return this.data.isNext = falsewx.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之后都会走这个})