微信小程序中带参数返回上一页的方法总结(三种)
生活随笔
收集整理的這篇文章主要介紹了
微信小程序中带参数返回上一页的方法总结(三种)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本篇文章給大家帶來的內容是關于微信小程序中帶參數返回上一頁的方法總結(三種),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。
方法一
把當前頁面數據放入本地緩存( wx.setStorage(wx.setStorageSync),上一個頁面再從緩存中取出(wx.getStorage(wx.getStorageSync))同時退出登錄時要清除緩存(wx.clearStorage(wx.clearStorageSync))。
方法二
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 () {},?
總結
以上是生活随笔為你收集整理的微信小程序中带参数返回上一页的方法总结(三种)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html-css练习题 (注册表单)
- 下一篇: 字符指针与字符串变量的转换