ucbug軟件站:安全、綠色、放心的專業(yè)下載站!首頁|最近更新|專題集合|標(biāo)簽云|站內(nèi)導(dǎo)航|加入收藏

怎么讓微信小程序返回實現(xiàn)兩層

時間:2018-07-19 10:59:36來源:未知人氣:0

怎么讓小程序返回兩層?微信小程序點擊返回兩層實現(xiàn)該怎么做?小編特意為大家找到了答案,希望通過本文能幫助到大家,讓大家實現(xiàn)這樣的功能。∵微信小程序開發(fā)中,返回上一頁是很普遍...

怎么讓小程序返回兩層?微信小程序點擊返回兩層實現(xiàn)該怎么做?小編特意為大家找到了答案,希望通過本文能幫助到大家,讓大家實現(xiàn)這樣的功能。

  微信小程序開發(fā)中,返回上一頁是很普遍的操作,最常見的是點擊手機的返回鍵和點擊自定義的按鈕返回上一頁這兩種情況。點擊手機的返回鍵我們不需要做處理,如果是自定義按鈕實現(xiàn)返回效果,就要調(diào)用微信提供的API:

怎么讓微信小程序返回實現(xiàn)兩層

  也可以通過 wx.navigateBack 方法實現(xiàn)返回多級頁面,只要設(shè)置 delta 的值就可以:

怎么讓微信小程序返回實現(xiàn)兩層

  但是有些時候,我們需要實現(xiàn)點擊手機的返回鍵,也返回上兩頁或者多頁,這樣子就不能直接用上面的方法來處理了。我用過下面的兩種方法來實現(xiàn):

  方法一:在頁面C的 onUnload 方法里面調(diào)用 wx.navigateBack() ,這樣可以實現(xiàn)返回到頁面A,不過會有個問題,如果把頁面C分享到微信聊天會話里面,然后關(guān)閉小程序,再從聊天會話打開頁面C,還會調(diào)用 wx.navigateBack() 方法,并且報這個異常:

怎么讓微信小程序返回實現(xiàn)兩層

  方法二:另一種方法是在頁面B的 onShow 方法中調(diào)用 wx.navigateBack() 實現(xiàn)返回 ,這樣就可以避免方法一中出現(xiàn)的問題。實現(xiàn)的思路如下:

 ?、?在頁面C的 onUnload 方法里面判斷是否可以返回前n頁,通過 getCurrentPages() 方法可以獲取當(dāng)前的頁面棧,根據(jù)頁面棧的長度判斷可以返回的層數(shù),并且可以給所有頁面的 data 設(shè)置參數(shù),這里以返回上兩頁為例:

怎么讓微信小程序返回實現(xiàn)兩層

 ?、?在頁面B的 onShow 方法里面根據(jù) isBack 的值,判斷是否調(diào)用 wx.navigateBack() :

怎么讓微信小程序返回實現(xiàn)兩層

  方法一和方法二都不是直接從頁面C到頁面A,都是要先經(jīng)過頁面B,所以會出現(xiàn)頁面B閃一下的情況,大家如果有更好的方法可以告訴我。

標(biāo)簽微信小程序