小程序做多只能做5次跳转,当一个按钮快速点击多次,你会发现有时候会跳出两个相同的页面。
严重影响到一个程序的用户体验,这里记录一下我的解决方法。
1.在data里面定义一个布尔类型的字段
data: {
firstJump:undefined,//第一次跳转
}
2.在页面初始化显示也就是onShow()方法里,对firstJump进行一个赋值。这样就能保证,每次进入页面firstJump都是true
onShow: function () {
this.setData({ firstJump:true})
}
3.在avatar_click的点击事件中,判断firstJump是否为true,如果true就进行界面跳转,在跳转成功的方法里面,我们将firstJump的值更改为false。这样就避免了对连续点击的响应,就不会连续多次跳转到同一个页面了。
avatar_click: function () {
var that = this;
if (that.data.firstJump) {
wx.navigateTo({
url: '../mine/mine',
success: function (res) {
that.setData({ firstJump: false });
}
})
}
},