小程序實踐(九):返回到上一個界面並傳值回去

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

App實現是本身寫後退按鈕,監聽後退按鈕,實現數據返回小程序

 

 

可是小程序這邊後退按鈕是根據打開方式決定顯示/隱藏的,而且這個後退按鈕也沒發現能夠監聽的事件。函數

解決辦法就是 點擊後退的時候,界面會執行對應的生命週期函數,在該函數裏面執行數據回調操做就能夠實現點擊後退並返回更新數據了post

 

  /**
   * 生命週期函數--監聽頁面卸載
   */
  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即上一個界面的一個變量,直接賦值就能夠。this

 

 

 

--------------------------------------------------------------------------------------spa

 

小程序實踐(一):主頁tab選項實現code

小程序實踐(二):swiper組件實現輪播圖效果htm

小程序實踐(三):九宮格實現及item跳轉blog

小程序實踐(四):動態控制組件的顯示/隱藏生命週期

小程序實踐(五):for循環綁定item的點擊事件

小程序實踐(六):view內部組件排版

小程序實踐(七):頁面間傳值

小程序實踐(八):驗證碼倒計時功能

小程序實踐(九):返回到上一個界面並傳值回去

小程序實踐(十):textarea實現簡單的編輯文本界面

小程序實踐(十一):showModal的使用

小程序實踐(十二):七牛雲上傳圖片

相關文章
相關標籤/搜索