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