网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

小程序——帶參返回上一頁幾種方法

發布時間:2018-06-22 10:46 所屬欄目:小程序開發教程

小程序的頁面跳轉API像wx.navigateTo()、wx.redirectTo()之類的,都是跳轉到一個全新的頁面,當這個頁面是表單的時候,有時候需要跳轉到其它頁面選取信息后再跳轉回來,那之前填的信息就必須得存在,這個時候可以當跳轉到選擇信息的頁面,選中信息后設置設置上一頁的data,然后再返回到上一頁,這樣數據都會存在。

方法一 
把當前頁面數據放入本地緩存( wx.setStorage(wx.setStorageSync),上一個頁面再從緩存中取出(wx.getStorage(wx.getStorageSync))同時退出登錄時要清除緩存(wx.clearStorage(wx.clearStorageSync))。

方法二

 

				
  1.  
  2. 在當前頁設置上一頁的data,例如
  3. var pages = getCurrentPages(); // 獲取頁面棧
  4. var currPage = pages[pages.length - 1]; // 當前頁面
  5. var prevPage = pages[pages.length - 2]; // 上一個頁面
  6. prevPage.setData({
  7. mydata: {a:1, b:2} // 假數據
  8. })

當然這個“mydata”必須是上一頁有的數據才行

返回上一頁的數據為:

 

				
  1.  
  2. wx.navigateBack({
  3. delta: 1
  4. })

2、直接調用方法名來更新數據  頁面A

 

				
  1. Page({
  2. data: {
  3. name: ''
  4. },
  5. ...
  6. ,
  7. //更新name
  8. changeData: function(name){
  9. this.setData({
  10. name: name
  11. })
  12. }
  13. })

頁面B,假設有一個文本框用于輸入姓名,點擊返回按鈕后更新頁面A的name

 

				
  1. Page({
  2. //此方法用于文本框輸入回調
  3. inputTyping: function (e) {
  4. //獲取頁面棧
  5. var pages = getCurrentPages();
  6. if(pages.length > 1){
  7. //上一個頁面實例對象
  8. var prePage = pages[pages.length - 2];
  9. //關鍵在這里
  10. prePage.changeData(e.detail.value)
  11. }
  12. }
  13. })

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

方法三  在app.js中設置全局變量,當前頁賦值,上一頁取之

方法為

 

				
  1. globalData: {
  2. userInfo: null,
  3. }

注意:方法一,方法三,都需要重新刷新頁面數據所走方法為:

 

				
  1. /**
  2. * 生命周期函數--監聽頁面顯示
  3. */
  4. onShow: function () {
  5.  
  6. },


易優小程序(企業版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.xiuhaier.com/wxmini/doc/course/24584.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×