您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了微信小程序如何實現返回上一級頁面并刷新,內容簡而易懂,希望大家可以學習一下,學習完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。
在很多業務場景之下,需要返回上一級頁面,并進行刷新,在微信小程序中的wx.navigateBack 方法中,返回上一頁是不會刷新的。如果上一頁的頁面加載是在onLoad方法中觸發的話,那么可以修改為在onShow方法中觸發。
onLoad(Object query)
:頁面加載時觸發。一個頁面只會調用一次,可以在 onLoad 的參數中獲取打開當前頁面路徑中的參數。
onShow
:頁面顯示/切入前臺時觸發。
值得注意的是:如果上一級的頁面是從上上級頁面跳過來的話,之前在onLoad方法中,使用的options獲取的參數方法,那么當修改為onShow加載的時候就需要,將這個方法稍微修改一下,可以選擇使用頁面棧的方式,獲取上上級頁面傳來的參數:
onLoad加載:
/** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { var that = this; that.setData({ project_id: options.project_id }) },
修改為:
/** * 生命周期函數--監聽頁面顯示 */ onShow: function () { // 頁面初始化 options為頁面跳轉所帶來的參數 var that = this; let pages = getCurrentPages(); //頁面棧 let currPage = pages[pages.length - 1]; //當前頁面 that.setData({ name: currPage.options.name //獲取上上級頁面傳的參數 }) },
文章若有錯誤之處還望幫忙指正,謝謝。
以上就是關于微信小程序如何實現返回上一級頁面并刷新的內容,如果你們有學習到知識或者技能,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。