小程序页面生命周期监听
在开发过程中,有时候需要监听小程序的页面某些生命周期,并进行相应的处理,如果只是单个页面处理还好操作,涉及到多个页面需要同样的操作,就会需要写重复代码,我们可以通过监听页面的生命周期来进行相应统一的操作。
1.创建一个js文件 写入如下代码
(function() {
function d(t, a) {
if (t[a]) {
var s = t[a];
t[a] = function(b) {
d2(this, a, b);
if (a == "onShareAppMessage") {
//需要注意的是 如果是分享的方法 直接调用return来进行分享
return s.call(this, b);
} else {
s.call(this, b);
}
}
} else {
if (a != "onShareAppMessage") {
// 如页面未设置分享 不添加分享方法
t[a] = function(b) {
d2(this, a);
}
}
}
}
function d2(page, a, b) {
//这里可以处理我们实际的业务
if (a == "onShow") {
} else if (a == "onLoad") {
} else if (a == "onHide") {
} else if (a == "onReachBottom") {
} else if (a == "onPullDownRefresh") {
} else if (a == "onShareAppMessage") {
}
}
var J = Page;
Page = function(t) {
d(t, "onShow");
d(t, "onHide");
d(t, "onLoad");
d(t, "onReachBottom");
d(t, "onPullDownRefresh");
d(t, "onShareAppMessage");
J(t)
}
})()
2.在app.js引入此文件即可 无需其他操作
当然 App.js的生命周期监听同理
写的不好 大家见谅 如果你觉得有用 麻烦点个赞