這篇文章主要介紹了微信小程序中帶參數返回上一頁的方法有哪些,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
成都創新互聯公司專注于企業成都營銷網站建設、網站重做改版、射陽網站定制設計、自適應品牌網站建設、H5建站、商城建設、集團公司官網建設、外貿網站建設、高端網站制作、響應式網頁設計等建站業務,價格優惠性價比高,為射陽等各大城市提供網站開發制作服務。
方法一
把當前頁面數據放入本地緩存( 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 () { },
感謝你能夠認真閱讀完這篇文章,希望小編分享的“微信小程序中帶參數返回上一頁的方法有哪些”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯,關注創新互聯行業資訊頻道,更多相關知識等著你來學習!
本文題目:微信小程序中帶參數返回上一頁的方法有哪些
文章來源:http://m.newbst.com/article42/iiccec.html
成都網站建設公司_創新互聯,為您提供靜態網站、微信小程序、網站內鏈、企業網站制作、、Google
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯