微信小程序開發(fā)（三）：返回上一級頁面并刷新操作示例【頁面?！?/h1>
更新時間：2020年06月01日 09:49:10 作者：二萌偏
這篇文章主要介紹了微信小程序開發(fā)返回上一級頁面并刷新操作,結(jié)合實例形式詳細(xì)分析了微信小程序返回上一級頁面并刷新操作方法技巧與相關(guān)注意事項,需要的朋友可以參考下
本文實例講述了微信小程序返回上一級頁面并刷新操作。分享給大家供大家參考，具體如下：
在很多業(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è)計有所幫助。
相關(guān)文章
-
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)鐘表案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下 2022-01-01
-
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)簡單加減購物車效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-08-08
-
php is_numberic函數(shù)造成的SQL注入漏洞
這篇文章主要介紹了php is_numberic函數(shù)造成的SQL注入漏洞和解決辦法,需要的朋友可以參考下 2014-03-03
-
Javascript基礎(chǔ)之?dāng)?shù)組的使用
這篇文章主要介紹了Javascript基礎(chǔ)之?dāng)?shù)組的使用的相關(guān)資料，介紹的非常詳解，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧 2016-05-05
-
本文主要介紹了javascript的容錯處理代碼。具有一定的參考價值，下面跟著小編一起來看下吧 2017-01-01
-
平時我們獲取事件對象一定要將firefox考慮進(jìn)去。 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)碼與解碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下 2020-02-02
最新評論
本文實例講述了微信小程序返回上一級頁面并刷新操作。分享給大家供大家參考，具體如下：
在很多業(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è)計有所幫助。
相關(guān)文章
- 這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)鐘表案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
- 這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)簡單加減購物車效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
-
php is_numberic函數(shù)造成的SQL注入漏洞
這篇文章主要介紹了php is_numberic函數(shù)造成的SQL注入漏洞和解決辦法,需要的朋友可以參考下2014-03-03 -
Javascript基礎(chǔ)之?dāng)?shù)組的使用
這篇文章主要介紹了Javascript基礎(chǔ)之?dāng)?shù)組的使用的相關(guān)資料，介紹的非常詳解，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05 - 本文主要介紹了javascript的容錯處理代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
- 平時我們獲取事件對象一定要將firefox考慮進(jìn)去。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)碼與解碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02