微信小程序中帶參數(shù)返回上一頁(yè)的方法有哪些

這篇文章主要介紹了微信小程序中帶參數(shù)返回上一頁(yè)的方法有哪些，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

方法一

把當(dāng)前頁(yè)面數(shù)據(jù)放入本地緩存（ wx.setStorage（wx.setStorageSync），上一個(gè)頁(yè)面再?gòu)木彺嬷腥〕觯╳x.getStorage（wx.getStorageSync））同時(shí)退出登錄時(shí)要清除緩存（wx.clearStorage（wx.clearStorageSync））。

方法二

1. 在當(dāng)前頁(yè)設(shè)置上一頁(yè)的data,例如

var pages = getCurrentPages(); // 獲取頁(yè)面棧
var currPage = pages[pages.length - 1]; // 當(dāng)前頁(yè)面
var prevPage = pages[pages.length - 2]; // 上一個(gè)頁(yè)面
prevPage.setData({
  mydata: {a:1, b:2} // 假數(shù)據(jù)
})

當(dāng)然這個(gè)“mydata”必須是上一頁(yè)有的數(shù)據(jù)才行

返回上一頁(yè)的數(shù)據(jù)為：

wx.navigateBack({
  delta: 1
})

2、直接調(diào)用方法名來(lái)更新數(shù)據(jù)  頁(yè)面A

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

頁(yè)面B,假設(shè)有一個(gè)文本框用于輸入姓名,點(diǎn)擊返回按鈕后更新頁(yè)面A的name

Page({
  //此方法用于文本框輸入回調(diào)
  inputTyping: function (e) {
    //獲取頁(yè)面棧
    var pages = getCurrentPages();
    if(pages.length > 1){
      //上一個(gè)頁(yè)面實(shí)例對(duì)象
      var prePage = pages[pages.length - 2];
      //關(guān)鍵在這里
      prePage.changeData(e.detail.value)
    }
  }
})

這樣就可以實(shí)現(xiàn)數(shù)據(jù)傳遞給上一個(gè)頁(yè)面，要注意頁(yè)面A必須使用wx.navigateTo跳轉(zhuǎn)到頁(yè)面B，不能使用wx.redirectTo，這樣會(huì)關(guān)閉上一個(gè)頁(yè)面，導(dǎo)致頁(yè)面B無(wú)法獲取上一頁(yè)P(yáng)age實(shí)例。

方法三  在app.js中設(shè)置全局變量，當(dāng)前頁(yè)賦值，上一頁(yè)取之

方法為

globalData: {
  userInfo: null,
}

注意：方法一，方法三，都需要重新刷新頁(yè)面數(shù)據(jù)所走方法為：

/**
* 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示
*/
onShow: function () {

},

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“微信小程序中帶參數(shù)返回上一頁(yè)的方法有哪些”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!