聲明周期onLoad與onShow的區(qū)別？

• onLoad頁面加載時(shí)調(diào)用，可以獲取參數(shù)，通過options，只調(diào)用一次。

• onShow頁面顯示時(shí)調(diào)用(啟動(dòng)/頁面從隱藏到啟動(dòng))，可調(diào)用多次。

業(yè)務(wù)場景

一、跳轉(zhuǎn)攜帶參數(shù)

從A頁面跳轉(zhuǎn)到B頁面，B頁面讀取傳遞過來的參數(shù)

A頁面

    goChangeNickname: function() {
        var name = this.data.nickname;      
        wx.navigateTo({
            url: "/pages/edit-partial-info/index?type=nickname&nickname="+name
        });
    },

B頁面

  //頁面加載時(shí)
  onLoad: function (options) {
    var me = this;
    console.log(options);
    debugger;
    me.setData({
      nickname: options.nickname,
      intro: options.intro,
      type: options.type
    })
  }

二、頁面間同步刷新數(shù)據(jù)

總共有AB先后兩個(gè)頁面，同時(shí)顯示相同的數(shù)據(jù)。

現(xiàn)在在B頁面修改完數(shù)據(jù)，返回，A頁面同步更新

這里涉及到頁面從隱藏到啟動(dòng)，因此使用onShow()

 //頁面加載時(shí)
  onShow: function (options) {
    var me = this;
    var user = app.getGlobalUserInfo();
    var serverUrl = app.serverUrl;
    // 調(diào)用后端
    wx.request({
      url: serverUrl + '/user/queryUserInfo?userId=' + user.id,
      method: "GET",
      header: {
        'content-type': 'application/json' // 默認(rèn)值
      },
      success: function (res) {
        var result = res.data.data;
        if (res.data.status == 200) {
          me.setData({
            type: me.options.type,
            userId: result.id,
            avatarUrl: result.avatarUrl,
            nickname: result.nickName,
            intro: result.intro,
            sex: result.gender,
            college: "",
            grade: result.grade
          })
        }
      },
      fail: function () {
        console.log("獲取用戶信息失敗~~")
      }
    })
  },