微信小程序開發(fā)(三):返回上一級(jí)頁面并刷新操作示例【頁面?!?/h1>
更新時(shí)間:2020年06月01日 09:49:10 作者:二萌偏
這篇文章主要介紹了微信小程序開發(fā)返回上一級(jí)頁面并刷新操作,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序返回上一級(jí)頁面并刷新操作方法技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
本文實(shí)例講述了微信小程序返回上一級(jí)頁面并刷新操作。分享給大家供大家參考,具體如下:
在很多業(yè)務(wù)場(chǎng)景之下,需要返回上一級(jí)頁面,并進(jìn)行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一頁是不會(huì)刷新的。如果上一頁的頁面加載是在onLoad方法中觸發(fā)的話,那么可以修改為在onShow方法中觸發(fā)。

onLoad(Object query):頁面加載時(shí)觸發(fā)。一個(gè)頁面只會(huì)調(diào)用一次,可以在 onLoad 的參數(shù)中獲取打開當(dāng)前頁面路徑中的參數(shù)。
onShow:頁面顯示/切入前臺(tái)時(shí)觸發(fā)。
值得注意的是:如果上一級(jí)的頁面是從上上級(jí)頁面跳過來的話,之前在onLoad方法中,使用的options獲取的參數(shù)方法,那么當(dāng)修改為onShow加載的時(shí)候就需要,將這個(gè)方法稍微修改一下,可以選擇使用頁面棧的方式,獲取上上級(jí)頁面?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 //獲取上上級(jí)頁面?zhèn)鞯膮?shù)
})
},
文章若有錯(cuò)誤之處還望幫忙指正,謝謝。
希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
相關(guān)文章
-
JS實(shí)現(xiàn)簡(jiǎn)單加減購物車效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單加減購物車效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
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)資料,介紹的非常詳解,具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧 2016-05-05
-
javascript容錯(cuò)處理代碼(屏蔽js錯(cuò)誤)
本文主要介紹了javascript的容錯(cuò)處理代碼。具有一定的參考價(jià)值,下面跟著小編一起來看下吧 2017-01-01
-
JavaScript 獲取事件對(duì)象的注意點(diǎn)
平時(shí)我們獲取事件對(duì)象一定要將firefox考慮進(jìn)去。 2009-07-07
-
動(dòng)態(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄獎(jiǎng)討B(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧 2016-05-05
-
如何通過JS實(shí)現(xiàn)轉(zhuǎn)碼與解碼
這篇文章主要介紹了如何通過JS實(shí)現(xiàn)轉(zhuǎn)碼與解碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下 2020-02-02
最新評(píng)論
本文實(shí)例講述了微信小程序返回上一級(jí)頁面并刷新操作。分享給大家供大家參考,具體如下:
在很多業(yè)務(wù)場(chǎng)景之下,需要返回上一級(jí)頁面,并進(jìn)行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一頁是不會(huì)刷新的。如果上一頁的頁面加載是在onLoad方法中觸發(fā)的話,那么可以修改為在onShow方法中觸發(fā)。

onLoad(Object query):頁面加載時(shí)觸發(fā)。一個(gè)頁面只會(huì)調(diào)用一次,可以在 onLoad 的參數(shù)中獲取打開當(dāng)前頁面路徑中的參數(shù)。
onShow:頁面顯示/切入前臺(tái)時(shí)觸發(fā)。
值得注意的是:如果上一級(jí)的頁面是從上上級(jí)頁面跳過來的話,之前在onLoad方法中,使用的options獲取的參數(shù)方法,那么當(dāng)修改為onShow加載的時(shí)候就需要,將這個(gè)方法稍微修改一下,可以選擇使用頁面棧的方式,獲取上上級(jí)頁面?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 //獲取上上級(jí)頁面?zhèn)鞯膮?shù)
})
},
文章若有錯(cuò)誤之處還望幫忙指正,謝謝。
希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)簡(jiǎn)單加減購物車效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單加減購物車效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下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)資料,介紹的非常詳解,具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-05-05
javascript容錯(cuò)處理代碼(屏蔽js錯(cuò)誤)
本文主要介紹了javascript的容錯(cuò)處理代碼。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01
JavaScript 獲取事件對(duì)象的注意點(diǎn)
平時(shí)我們獲取事件對(duì)象一定要將firefox考慮進(jìn)去。2009-07-07
動(dòng)態(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄獎(jiǎng)討B(tài)的9*9乘法表效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧2016-05-05
如何通過JS實(shí)現(xiàn)轉(zhuǎn)碼與解碼
這篇文章主要介紹了如何通過JS實(shí)現(xiàn)轉(zhuǎn)碼與解碼,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02

