首頁  >  文章  >  微信小程式  >  微信小程式中帶參數返回上一頁的方法總結(三種)

微信小程式中帶參數返回上一頁的方法總結(三種)

不言
不言原創
2018-08-10 16:17:0519544瀏覽

這篇文章帶給大家的內容是關於微信小程式中帶參數返回上一頁的方法總結(三種),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

方法一

把目前頁面資料放入本機快取( wx.setStorage(wx.setStorageSync),上一個頁面再從快取中取出(wx.getStorage (wx.getStorageSync))同時登出登入時要清除快取(wx.clearStorage(wx.clearStorageSync))。

方法二

1. 在

##方法二

1. 在

##方法二

1. 在

##方法二

1. 在

##方法二

1. 在

##方法二

1。目前頁設定上一頁的data,例如

var pages = getCurrentPages(); // 获取页面栈
var currPage = pages[pages.length - 1]; // 当前页面
var prevPage = pages[pages.length - 2]; // 上一个页面
prevPage.setData({
  mydata: {a:1, b:2} // 假数据
})
當然這個「mydata」必須是上一頁有的資料才行

###回傳上一頁的資料為:# ##
wx.navigateBack({
  delta: 1
})
######2、直接呼叫方法名稱來更新資料  頁面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實例。#########方法三  在app.js中設定全域變量,當前頁賦值,上一頁取之####### ##方法為###
globalData: {
  userInfo: null,
}
###注意:方法一,方法三,都需要重新刷新頁面資料所走方法為:###
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {

},
###相關文章推薦:#########微信小程式中多條資料快取的程式碼實例############微信小程式實例:如何實作批次倒數計時(附程式碼)##########微信小程式實例:如何實作批次倒數(附程式碼)######

以上是微信小程式中帶參數返回上一頁的方法總結(三種)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn