问题描述:
- 微信小程序
wx.navigateTo
跳转有次数限制,所以需要结合wx.navigateBack
使用。 - 小程序中,点击跳转有时候会出现延迟,次数用户如果连续点击两次,则下一页面会加载两次,即入栈两次,导致返回出现问题。
解决方法:
- 设置全局变量
canClick = true
- 在每次点击之前判断
canClick
,为true
可跳转,为false
不执行 - 每次点击跳转,将
canClick
设置为false
- 每次页面加载进入后,将
canClick
设置为true
具体代码
// app.js
App({
globalData: {
canClick: true
},
idClicked: function (flag) {
let that = this;
that.globalData.canClick= flag;
}
})
// 具体页面js
var app = getApp();
Page({
onShow: function () {
app.doubleClick(true);
},
go(e) {
if (app.globalData.doubleClick) {
app.doubleClick(false);
let path = ''
path = e.currentTarget.dataset.path
console.log(path)
wx.navigateTo({
url: path
})
}
}
})