微信小程序中子頁(yè)面向父頁(yè)面?zhèn)髦祵?shí)例詳解

上面一張圖是編輯款項(xiàng)頁(yè)面，下面一張圖是點(diǎn)擊了編輯款項(xiàng)頁(yè)面中選擇好友的圖標(biāo)后打開(kāi)的子頁(yè)面。這個(gè)時(shí)候點(diǎn)選子頁(yè)面的某個(gè)好友時(shí)，需要把好友的名字傳遞回編輯款項(xiàng)父頁(yè)面。

采取的方法：

從頁(yè)面路由棧中直接獲取和操作目標(biāo)Page對(duì)象，這種方式，是通過(guò)調(diào)用小程序的API: getCurrentPages()，來(lái)獲取當(dāng)前頁(yè)面路由棧的信息，這個(gè)路由棧中按照頁(yè)面的路由順序存放著相應(yīng)的Page對(duì)象，我們可以很容易的獲取到上一級(jí)頁(yè)面的完整Page對(duì)象，從而使直接調(diào)用Page對(duì)象的屬性和方法成為可能。

選擇好友頁(yè)面代碼如下所示：

 var pages = getCurrentPages();
  var currPage = pages[pages.length - 1];  //當(dāng)前選擇好友頁(yè)面
  var prevPage = pages[pages.length - 2]; //上一個(gè)編輯款項(xiàng)頁(yè)面
  //直接調(diào)用上一個(gè)頁(yè)面的setData()方法，把數(shù)據(jù)存到上一個(gè)頁(yè)面即編輯款項(xiàng)頁(yè)面中去  
prevPage.setData({  
   name: currentfriend.name //當(dāng)前選擇的好友名字賦值給編輯款項(xiàng)中的姓名臨時(shí)變量
  });

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

最新評(píng)論