微信小程序避免按钮多次点击跳重复页面

小程序做多只能做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 });

}

})

 }

},