微信小程序（二十三）微信小程序左上角返回按钮触发事件

微信并没有为我们提供左上角返回上一页触发的事件。

但是有的时候这个操作我们还是需要监听一下。下图红框标注的返回上一页按钮。

最后实现的效果：

点击返回上一页的时候，我需要重新加载上一页的数据：

返回上一页按钮只会触发上一页的onShow生命周期函数，并不会触发onLoad函数。

因此我们需要在onShow函数中做一些设置：

大概是操作流程，从日程页跳转至实验列表页，再点击实验列表页 左上角的返回键，返回日程页重新获取页面数据。

我这里直接上代码：

实验列表页代码：

onShow: function () {
    wx.setStorageSync('aShow', true)
  },
复制代码

日程页代码：

/**
   * 生命周期-显示
   */
  onShow: function () {
    var _this = this;
    let aShow = '';
    //获取存储信息
    wx.getStorage({
      key: 'aShow',
      success: function (res) {
        // success
        aShow = res.data;
        if (aShow) {
        // 获取数据函数
          _this.shuju()
        }
      }
    })
  },
复制代码

以上就是大概的实现流程。

有好的建议，请在下方输入你的评论。

欢迎访问个人博客：guanchao.site

欢迎访问我的小程序：打开微信->发现->小程序->搜索“时间里的”