小編給大家分享一下微信小程序怎樣實(shí)現(xiàn)返回多級(jí)頁(yè)面，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)成立于2013年，我們提供高端重慶網(wǎng)站建設(shè)公司、成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站定制、網(wǎng)絡(luò)營(yíng)銷推廣、微信小程序開發(fā)、微信公眾號(hào)開發(fā)、成都網(wǎng)站營(yíng)銷服務(wù)，提供專業(yè)營(yíng)銷思路、內(nèi)容策劃、視覺設(shè)計(jì)、程序開發(fā)來完成項(xiàng)目落地，為工商代辦企業(yè)提供源源不斷的流量和訂單咨詢。

微信小程序返回多級(jí)頁(yè)面的實(shí)現(xiàn)方法

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

wx.navigateBack(OBJECT)

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

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

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

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

WAService.js:9 navigateBack with an unexist webviewId 0

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

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

 //這里是頁(yè)面C的 onUnload 方法
  onUnload: function() {
    var that = this

    //判斷頁(yè)面棧里面的頁(yè)面數(shù)是否大于2
    if(getCurrentPages().length > 2) {
      //獲取頁(yè)面棧
      let pages = getCurrentPages()
      //給上一個(gè)頁(yè)面設(shè)置狀態(tài)
      let curPage = pages[pages.length - 2];
      let data = curPage.data;
      curPage.setData({'isBack': true});
    }
  },

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

  //這里是頁(yè)面B的 onShow 方法
  onShow: function() {
    var that = this
    //如果 isBack 為 true，就返回上一頁(yè)
    if(that.data.isBack) {
      wx.navigateBack()
    }
  },

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

看完了這篇文章，相信你對(duì)“微信小程序怎樣實(shí)現(xiàn)返回多級(jí)頁(yè)面”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章題目：微信小程序怎樣實(shí)現(xiàn)返回多級(jí)頁(yè)面-創(chuàng)新互聯(lián)
瀏覽路徑：http://www.sd-ha.com/article36/dgjjpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、微信小程序、外貿(mào)建站、營(yíng)銷型網(wǎng)站建設(shè)、小程序開發(fā)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)