免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

易優(yōu)GEO 重磅上線 ~ 一站式GEO優(yōu)化工具,讓豆包、文心一言、DeepSeek 在回答中主動推薦你的品牌,搶占AI流量入口!  點(diǎn)擊查看

小程序模板網(wǎng)

微信小程序返回多級頁面

發(fā)布時(shí)間:2018-04-25 09:56 所屬欄目:小程序開發(fā)教程

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

 

				
  1. wx.navigateBack(OBJECT)

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

 

				
  1. //在C頁面內(nèi) navigateBack,將返回A頁面,delta = 1 時(shí)與 wx.navigateBack() 效果一致
  2. wx.navigateBack({
  3. delta: 2
  4. })

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

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

 

				
  1. WAService.js:9 navigateBack with an unexist webviewId 0

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

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

 

				
  1. //這里是頁面C的 onUnload 方法
  2. onUnload: function() {
  3. var that = this
  4.  
  5. //判斷頁面棧里面的頁面數(shù)是否大于2
  6. if(getCurrentPages().length > 2) {
  7. //獲取頁面棧
  8. let pages = getCurrentPages()
  9. //給上一個(gè)頁面設(shè)置狀態(tài)
  10. let curPage = pages[pages.length - 2];
  11. let data = curPage.data;
  12. curPage.setData({'isBack': true});
  13. }
  14. },

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

 

				
  1. //這里是頁面B的 onShow 方法
  2. onShow: function() {
  3. var that = this
  4. //如果 isBack 為 true,就返回上一頁
  5. if(that.data.isBack) {
  6. wx.navigateBack()
  7. }
  8. },

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



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.szcjxy.com/wxmini/doc/course/23997.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢: 點(diǎn)擊咨詢
在線客服