小程序實踐（九）：返回到上一個界面並傳值回去

常見需求，修改某個信息，需要調到一個新界面有個輸入框去修改內容，修改之后，點擊后退按鈕，新的數據就返回更新了

App實現是自己寫后退按鈕，監聽后退按鈕，實現數據返回

 

 

但是小程序這邊后退按鈕是根據打開方式決定顯示/隱藏的，並且這個后退按鈕也沒發現可以監聽的事件。

解決辦法就是 點擊后退的時候，界面會執行對應的生命周期函數，在該函數里面執行數據回調操作就可以實現點擊后退並返回更新數據了

 

  /**
   * 生命周期函數--監聽頁面卸載
   */
  onUnload: function () {
    
    var that = this 
    var pages = getCurrentPages();
    var currPage = pages[pages.length - 1];   //當前頁面
    var prevPage = pages[pages.length - 2];  //上一個頁面

    prevPage.setData({
      userName: that.data.contentStr
    });
  },

userName即上一個界面的一個變量，直接賦值就可以。

 

 

 

--------------------------------------------------------------------------------------

 

小程序實踐（一）：主頁tab選項實現

小程序實踐（二）：swiper組件實現輪播圖效果

小程序實踐（三）：九宮格實現及item跳轉

小程序實踐（四）：動態控制組件的顯示/隱藏

小程序實踐（五）：for循環綁定item的點擊事件

小程序實踐（六）：view內部組件排版

小程序實踐（七）：頁面間傳值

小程序實踐（八）：驗證碼倒計時功能

小程序實踐（九）：返回到上一個界面並傳值回去

小程序實踐（十）：textarea實現簡單的編輯文本界面

小程序實踐（十一）：showModal的使用

小程序實踐（十二）：七牛雲上傳圖片