微信小程序 表單 選擇跳轉新頁面 返回頁面保留原頁面已填寫的值

這種應用場景很多地方用到，比如填寫表單，需要到新頁面選擇後返回原頁面。

目前常用的方法有，

• 1、使用全局數據 app.globalData.mydata  =  xxx
• 2、使用 storage 儲存

這裏不建議使用這兩種方法 ，因爲 它們都涉及到銷燬和管理的缺陷，，

 

新方法：

推薦使用官方 API：關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages 獲取當前的頁面棧，決定需要返回幾層。

 

wxml 頁面

在點擊按鈕後返回上一個頁面 ， bindtap 一個  toListLink

 

js頁面

重點：

第80行 到 96行：  分別解釋一下

 

一、調用官方getCurrentPages()

var pages = getCurrentPages();

var currPage = pages[pages.length - 1]; //當前頁面

var prevPage = pages[pages.length - 2];

二、用setData 把當前頁面選好的值 保存起來 ，然後 帶到上一個頁面

prevPage.setData({

searchType:0,

storesName: thisText,

storesNum: thisIndex

})

注意：下面這3行是 平時跳轉頁面傳值的方法 ，這裏不用了 ，用 wx.navigateBack 來返回上一級頁面

// wx.redirectTo({

// url: '../recruit/resume?searchType=' + 0 + '&storesName=' + thisText + '&storesNum=' + thisIndex

// });

三、用 wx.navigateBack 方法來返回上一頁面

wx.navigateBack({

delta: 1,

})

 

 

官方文檔例子如下

相信大家可以看懂