微信小程序開發(fā)（三）：返回上一級頁面并刷新操作示例【頁面棧】
更新時間：2020年06月01日 09:49:10 作者：二萌偏
這篇文章主要介紹了微信小程序開發(fā)返回上一級頁面并刷新操作,結(jié)合實例形式詳細分析了微信小程序返回上一級頁面并刷新操作方法技巧與相關(guān)注意事項,需要的朋友可以參考下
本文實例講述了微信小程序返回上一級頁面并刷新操作。分享給大家供大家參考，具體如下：
在很多業(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ù)
})
},
文章若有錯誤之處還望幫忙指正，謝謝。
希望本文所述對大家微信小程序設計有所幫助。
相關(guān)文章
本文主要介紹了js中hasOwnProperty()方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-04-04
this是Javascript語言的一個關(guān)鍵字。它代表函數(shù)運行時，自動生成的一個內(nèi)部對象，只能在函數(shù)內(nèi)部使用。接下來通過本文給大家分享JavaScript中var that=this所代表的意思，需要的朋友參考下吧2017-02-02
JS中的prototype與面向?qū)ο蟮膶嵗v解，需要的朋友可以參考一下2013-05-05
下面小編就為大家?guī)硪黄獪\談js的解析順序 作用域 嚴格模式。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
在html頁面上拖放移動標簽，需要的朋友可以參考下。2010-01-01
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)登錄功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
JavaScript使用Base64編碼和Blob對象加密圖像url地址
有時候會看到一些網(wǎng)站的圖片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,這樣的圖片加載怎么實現(xiàn)呢？本文講解在瀏覽器中JavaScript使用解析Base64編碼和Blob對象技術(shù)來實現(xiàn),下面是實現(xiàn)的步驟和相應的示例代碼,2023-12-12
這篇文章主要為大家詳細介紹了javascript canvas時鐘模擬器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹的是一個JS獲取隨機數(shù)的函數(shù)可自定義最小值最大值,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)通訊錄功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12