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

onLoad(Object query)
:頁(yè)面加載時(shí)觸發(fā)。一個(gè)頁(yè)面只會(huì)調(diào)用一次,可以在 onLoad 的參數(shù)中獲取打開(kāi)當(dāng)前頁(yè)面路徑中的參數(shù)。
onShow
:頁(yè)面顯示/切入前臺(tái)時(shí)觸發(fā)。
值得注意的是:如果上一級(jí)的頁(yè)面是從上上級(jí)頁(yè)面跳過(guò)來(lái)的話,之前在onLoad方法中,使用的options獲取的參數(shù)方法,那么當(dāng)修改為onShow加載的時(shí)候就需要,將這個(gè)方法稍微修改一下,可以選擇使用頁(yè)面棧的方式,獲取上上級(jí)頁(yè)面?zhèn)鱽?lái)的參數(shù):
onLoad加載:
/**
* 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
*/
onLoad: function (options) {
var that = this;
that.setData({
project_id: options.project_id
})
},
修改為:
/**
* 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示
*/
onShow: function () {
// 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù)
var that = this;
let pages = getCurrentPages(); //頁(yè)面棧
let currPage = pages[pages.length - 1]; //當(dāng)前頁(yè)面
that.setData({
name: currPage.options.name //獲取上上級(jí)頁(yè)面?zhèn)鞯膮?shù)
})
},
文章若有錯(cuò)誤之處還望幫忙指正,謝謝。
希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:- 微信小程序 詳解頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
- 微信小程序返回多級(jí)頁(yè)面的實(shí)現(xiàn)方法
- 微信小程序之分享頁(yè)面如何返回首頁(yè)的示例
- 微信小程序判斷頁(yè)面是否從其他頁(yè)面返回的實(shí)例代碼
- 微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析
- 微信小程序tabBar 返回tabBar不刷新頁(yè)面
- 微信小程序 子級(jí)頁(yè)面返回父級(jí)并把子級(jí)參數(shù)帶回父級(jí)實(shí)現(xiàn)方法
- 6行代碼實(shí)現(xiàn)微信小程序頁(yè)面返回頂部效果
- 微信小程序?qū)崿F(xiàn)頁(yè)面下拉刷新和上拉加載功能詳解
相關(guān)文章
-
JS中的prototype與面向?qū)ο蟮膶?shí)例講解
JS中的prototype與面向?qū)ο蟮膶?shí)例講解,需要的朋友可以參考一下 2013-05-05
-
在html頁(yè)面上拖放移動(dòng)標(biāo)簽
在html頁(yè)面上拖放移動(dòng)標(biāo)簽,需要的朋友可以參考下。 2010-01-01
-
JavaScript使用Base64編碼和Blob對(duì)象加密圖像url地址
有時(shí)候會(huì)看到一些網(wǎng)站的圖片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,這樣的圖片加載怎么實(shí)現(xiàn)呢?本文講解在瀏覽器中JavaScript使用解析Base64編碼和Blob對(duì)象技術(shù)來(lái)實(shí)現(xiàn),下面是實(shí)現(xiàn)的步驟和相應(yīng)的示例代碼, 2023-12-12
-
JS獲取隨機(jī)數(shù)函數(shù)可自定義最小值最大值
這篇文章主要介紹的是一個(gè)JS獲取隨機(jī)數(shù)的函數(shù)可自定義最小值最大值,需要的朋友可以參考下 2014-05-05
最新評(píng)論
本文實(shí)例講述了微信小程序返回上一級(jí)頁(yè)面并刷新操作。分享給大家供大家參考,具體如下:
在很多業(yè)務(wù)場(chǎng)景之下,需要返回上一級(jí)頁(yè)面,并進(jìn)行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一頁(yè)是不會(huì)刷新的。如果上一頁(yè)的頁(yè)面加載是在onLoad方法中觸發(fā)的話,那么可以修改為在onShow方法中觸發(fā)。
onLoad(Object query)
:頁(yè)面加載時(shí)觸發(fā)。一個(gè)頁(yè)面只會(huì)調(diào)用一次,可以在 onLoad 的參數(shù)中獲取打開(kāi)當(dāng)前頁(yè)面路徑中的參數(shù)。
onShow
:頁(yè)面顯示/切入前臺(tái)時(shí)觸發(fā)。
值得注意的是:如果上一級(jí)的頁(yè)面是從上上級(jí)頁(yè)面跳過(guò)來(lái)的話,之前在onLoad方法中,使用的options獲取的參數(shù)方法,那么當(dāng)修改為onShow加載的時(shí)候就需要,將這個(gè)方法稍微修改一下,可以選擇使用頁(yè)面棧的方式,獲取上上級(jí)頁(yè)面?zhèn)鱽?lái)的參數(shù):
onLoad加載:
/** * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載 */ onLoad: function (options) { var that = this; that.setData({ project_id: options.project_id }) },
修改為:
/** * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示 */ onShow: function () { // 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù) var that = this; let pages = getCurrentPages(); //頁(yè)面棧 let currPage = pages[pages.length - 1]; //當(dāng)前頁(yè)面 that.setData({ name: currPage.options.name //獲取上上級(jí)頁(yè)面?zhèn)鞯膮?shù) }) },
文章若有錯(cuò)誤之處還望幫忙指正,謝謝。
希望本文所述對(duì)大家微信小程序設(shè)計(jì)有所幫助。
- 微信小程序 詳解頁(yè)面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
- 微信小程序返回多級(jí)頁(yè)面的實(shí)現(xiàn)方法
- 微信小程序之分享頁(yè)面如何返回首頁(yè)的示例
- 微信小程序判斷頁(yè)面是否從其他頁(yè)面返回的實(shí)例代碼
- 微信小程序返回箭頭跳轉(zhuǎn)到指定頁(yè)面實(shí)例解析
- 微信小程序tabBar 返回tabBar不刷新頁(yè)面
- 微信小程序 子級(jí)頁(yè)面返回父級(jí)并把子級(jí)參數(shù)帶回父級(jí)實(shí)現(xiàn)方法
- 6行代碼實(shí)現(xiàn)微信小程序頁(yè)面返回頂部效果
- 微信小程序?qū)崿F(xiàn)頁(yè)面下拉刷新和上拉加載功能詳解
相關(guān)文章
JS中的prototype與面向?qū)ο蟮膶?shí)例講解
JS中的prototype與面向?qū)ο蟮膶?shí)例講解,需要的朋友可以參考一下2013-05-05在html頁(yè)面上拖放移動(dòng)標(biāo)簽
在html頁(yè)面上拖放移動(dòng)標(biāo)簽,需要的朋友可以參考下。2010-01-01JavaScript使用Base64編碼和Blob對(duì)象加密圖像url地址
有時(shí)候會(huì)看到一些網(wǎng)站的圖片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,這樣的圖片加載怎么實(shí)現(xiàn)呢?本文講解在瀏覽器中JavaScript使用解析Base64編碼和Blob對(duì)象技術(shù)來(lái)實(shí)現(xiàn),下面是實(shí)現(xiàn)的步驟和相應(yīng)的示例代碼,2023-12-12JS獲取隨機(jī)數(shù)函數(shù)可自定義最小值最大值
這篇文章主要介紹的是一個(gè)JS獲取隨機(jī)數(shù)的函數(shù)可自定義最小值最大值,需要的朋友可以參考下2014-05-05