小程序页面生命周期监听
发布于 5 年前 作者 zye 649 次浏览 来自 分享
在开发过程中,有时候需要监听小程序的页面某些生命周期,并进行相应的处理,如果只是单个页面处理还好操作,涉及到多个页面需要同样的操作,就会需要写重复代码,我们可以通过监听页面的生命周期来进行相应统一的操作。

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的生命周期监听同理

写的不好 大家见谅 如果你觉得有用 麻烦点个赞

1 回复

这么强怎么没人看?

回到顶部