问题描述:
- 微信小程序
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
})
}
}
})
本文介绍微信小程序中wx.navigateTo的使用限制及优化方法,通过设置全局变量canClick避免连续点击导致页面重复加载的问题。
1404

被折叠的 条评论
为什么被折叠?



