午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

微信小程序onload()和onshow()的區別

發(fa)布時間:2021-06-30 09:24 所屬欄目:小程序開發教程

聲明周期onLoad與onShow的區別?

  • onLoad頁面加載時調(diao)用,可(ke)以(yi)獲取(qu)參數,通過options,只(zhi)調(diao)用一次。

  • onShow頁(ye)面(mian)顯示時(shi)調用(yong)(啟(qi)動(dong)/頁(ye)面(mian)從隱藏到啟(qi)動(dong)),可調用(yong)多次。

業務場景

一、跳轉攜帶參數

從A頁面(mian)跳轉到B頁面(mian),B頁面(mian)讀取傳遞(di)過來的參數

A頁面

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

B頁面

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

二、頁面間同步刷新數據

總共有AB先后兩個頁面,同時(shi)顯示(shi)相同的數據。

現(xian)在(zai)在(zai)B頁面修改完(wan)數(shu)據,返(fan)回,A頁面同步更(geng)新

這里涉及到頁面從隱藏到啟動(dong),因此使用onShow()

 //頁面加載時
  onShow: function (options) {
    var me = this;
    var user = app.getGlobalUserInfo();
    var serverUrl = app.serverUrl;
    // 調用后端
    wx.request({
      url: serverUrl + '/user/queryUserInfo?userId=' + user.id,
      method: "GET",
      header: {
        'content-type': 'application/json' // 默認值
      },
      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("獲取用戶信息失敗~~")
      }
    })
  },


易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:
本文地址://www.jinyoudianli.com/wxmini/doc/course/26835.html 復制鏈接 如需定制請聯系易優(you)客服咨(zi)詢:

工作日 8:30-12:00 14:30-18:00
周六及部(bu)分節假日(ri)提供(gong)值班服務(wu)

易小優
轉人(ren)工(gong) ×