微信小程序開發(fā)（三）：返回上一級頁面并刷新操作示例【頁面棧】
更新時間：2020年06月01日 09:49:10 作者：二萌偏
這篇文章主要介紹了微信小程序開發(fā)返回上一級頁面并刷新操作,結合實例形式詳細分析了微信小程序返回上一級頁面并刷新操作方法技巧與相關注意事項,需要的朋友可以參考下
本文實例講述了微信小程序返回上一級頁面并刷新操作。分享給大家供大家參考，具體如下：
在很多業(yè)務場景之下，需要返回上一級頁面，并進行刷新，在微信小程序中的wx.navigateBack 方法中，返回上一頁是不會刷新的。如果上一頁的頁面加載是在onLoad方法中觸發(fā)的話，那么可以修改為在onShow方法中觸發(fā)。
onLoad(Object query)：頁面加載時觸發(fā)。一個頁面只會調(diào)用一次，可以在 onLoad 的參數(shù)中獲取打開當前頁面路徑中的參數(shù)。
onShow：頁面顯示/切入前臺時觸發(fā)。
值得注意的是：如果上一級的頁面是從上上級頁面跳過來的話，之前在onLoad方法中，使用的options獲取的參數(shù)方法，那么當修改為onShow加載的時候就需要，將這個方法稍微修改一下，可以選擇使用頁面棧的方式，獲取上上級頁面?zhèn)鱽淼膮?shù):
onLoad加載：
/**
* 生命周期函數(shù)--監(jiān)聽頁面加載
*/
onLoad: function (options) {
var that = this;
that.setData({
project_id: options.project_id
})
},
修改為：
/**
* 生命周期函數(shù)--監(jiān)聽頁面顯示
*/
onShow: function () {
// 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
var that = this;
let pages = getCurrentPages(); //頁面棧
let currPage = pages[pages.length - 1]; //當前頁面
that.setData({
name: currPage.options.name //獲取上上級頁面?zhèn)鞯膮?shù)
})
},
文章若有錯誤之處還望幫忙指正，謝謝。
希望本文所述對大家微信小程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)鐘表案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡單加減購物車效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
php is_numberic函數(shù)造成的SQL注入漏洞
這篇文章主要介紹了php is_numberic函數(shù)造成的SQL注入漏洞和解決辦法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了Javascript基礎之數(shù)組的使用的相關資料，介紹的非常詳解，具有參考借鑒價值，感興趣的朋友一起學習吧2016-05-05
本文主要介紹了javascript的容錯處理代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
平時我們獲取事件對象一定要將firefox考慮進去。2009-07-07
下面小編就為大家?guī)硪黄獎討B(tài)的9*9乘法表效果的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
這篇文章主要介紹了js日期格式化yyyy-MM-dd問題，具有很好的參考價值，希望對大家大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
用JavaScript實現(xiàn)的常見排序算法:冒泡排序,選擇排序,插入排序,謝爾排序,快速排序(遞歸),快速排序(堆棧),歸并排序,堆排序。2007-03-03
這篇文章主要介紹了如何通過JS實現(xiàn)轉(zhuǎn)碼與解碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02