小程序模板網(wǎng)

微信小程序getCurrentPages()函數(shù)詳解

發(fā)布時(shí)間:2021-06-29 09:04 所屬欄目:小程序開發(fā)教程

getCurrentPages() 函數(shù)用于獲取當(dāng)前頁(yè)面棧的實(shí)例,以數(shù)組形式按棧的順序給出,第一個(gè)元素為首頁(yè),最后一個(gè)元素為當(dāng)前頁(yè)面。 注意:

不要嘗試修改頁(yè)面棧,會(huì)導(dǎo)致路由以及頁(yè)面狀態(tài)錯(cuò)誤。
不要在 App.onLaunch 的時(shí)候調(diào)用 getCurrentPages(),此時(shí)page 還沒(méi)有生成。

熟悉頁(yè)面棧后才能更好的使用getCurrentPages(),下面將列舉幾種常用的使用場(chǎng)景:
1、利用頁(yè)面棧的長(zhǎng)度
例如:進(jìn)入小程序非默認(rèn)首頁(yè)時(shí),需要提供返回首頁(yè)的按鈕或者執(zhí)行其它事件

  onShow() {
   let pages = getCurrentPages(); //當(dāng)前頁(yè)面棧
   if (pages.length == 1) {
   //todo
    }
  },

 



2、跨頁(yè)面賦值

let pages = getCurrentPages();//當(dāng)前頁(yè)面棧
let prevPage = pages[pages.length - 2];//上一頁(yè)面
prevPage.setData({
    //直接給上移頁(yè)面賦值
});

  



3、頁(yè)面跳轉(zhuǎn)后自動(dòng)刷新
 //舉例

wx.switchTab({
         url: '../index/index',
         success: function (e) {
             var page = getCurrentPages().pop(); //當(dāng)前頁(yè)面
             if (page == undefined || page == null) return;
             page.onLoad(); //或者其它操作
         }
     })

  
4、獲取當(dāng)前頁(yè)面相關(guān)信息
 

let pages = getCurrentPages(); //當(dāng)前頁(yè)面棧
 //當(dāng)前頁(yè)面為頁(yè)面棧的最后一個(gè)元素
 let prevPage = pages[pages.length - 1];//當(dāng)前頁(yè)面
 or
 // pop() 方法用于刪除并返回?cái)?shù)組的最后一個(gè)元素
 let prevPage = pages.pop();//當(dāng)前頁(yè)面
  
 console.log( prevPage.route) //舉例:輸出為‘pages/index/index’


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