微信開發入門（十一）更新上一頁數據

小程式開發過程中常有這種需求，需要把目前頁面資料傳遞給上一個頁面，但是wx.navigateBack()無法傳遞資料。

一般的方法是把目前頁面資料放入本地緩存，上一個頁面再從快取中取出。

除此之外還有一種辦法，巧妙利用頁面堆疊。

getCurrentPages() 函數用來取得目前頁面堆疊的實例，以陣列形式依堆疊的順序給出，第一個元素為首頁，最後一個元素為目前頁面。

重點就在這裡，在目前頁面拿到上一個頁面的實例對象，然後呼叫該物件的方法完成資料傳遞。

頁面A

Page({
     data: {
        name: ''
     },
     ...     ,
     //更新name
     changeData: function(name){
        this.setData({
            name: name      
              })   
                }})

頁面B,假設有一個文字方塊用於輸入姓名,點擊返回按鈕後更新頁面A的name

Page({
    //此方法用于文本框输入回调
    inputTyping: function (e) {
        //获取页面栈
        var pages = getCurrentPages();
        if(pages.length > 1){
            //上一个页面实例对象
            var prePage = pages[pages.length - 2];
            //关键在这里
            prePage.changeData(e.detail.value)        }
    }})

這樣就可以實現資料傳遞給上一個頁面，要注意頁面A必須使用wx.navigateTo跳到頁面B，不能使用wx.redirectTo，這樣會關閉上一個頁面，導致頁面B無法取得上一頁Page實例。

【相關推薦】

1. 微信公眾號平台源碼下載

#2. 微信投票源碼

#3. 微信啦啦外送2.2.4解密開源版微信魔術方塊原始碼

以上是微信開發入門（十一）更新上一頁數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！