微信小程序中子頁面向父頁面?zhèn)髦祵嵗斀?/h1>
更新時間：2017年03月20日 10:05:28 作者：天下雪
這篇文章主要介紹了微信小程序中子頁面向父頁面?zhèn)髦祵嵗斀獾南嚓P(guān)資料,需要的朋友可以參考下
微信小程序中子頁面向父頁面?zhèn)髦祵嵗斀?/strong>
上面一張圖是編輯款項頁面，下面一張圖是點擊了編輯款項頁面中選擇好友的圖標后打開的子頁面。這個時候點選子頁面的某個好友時，需要把好友的名字傳遞回編輯款項父頁面。
采取的方法：
從頁面路由棧中直接獲取和操作目標Page對象，這種方式，是通過調(diào)用小程序的API: getCurrentPages()，來獲取當(dāng)前頁面路由棧的信息，這個路由棧中按照頁面的路由順序存放著相應(yīng)的Page對象，我們可以很容易的獲取到上一級頁面的完整Page對象，從而使直接調(diào)用Page對象的屬性和方法成為可能。
選擇好友頁面代碼如下所示：
var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //當(dāng)前選擇好友頁面
var prevPage = pages[pages.length - 2]; //上一個編輯款項頁面
//直接調(diào)用上一個頁面的setData()方法，把數(shù)據(jù)存到上一個頁面即編輯款項頁面中去
prevPage.setData({
name: currentfriend.name //當(dāng)前選擇的好友名字賦值給編輯款項中的姓名臨時變量
});
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
-
本篇文章主要介紹了javascript實現(xiàn)的快速排序的方法與原理說明：找基準點、建立二個數(shù)組分別存儲、遞歸。需要的朋友來看下吧 2016-12-12
-
本文主要介紹了原生JS輪播圖插件。具有很好的參考價值，下面跟著小編一起來看下吧 2017-02-02
-
這篇文章主要介紹了微信小程序云開發(fā)獲取文件夾下所有文件，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下 2019-11-11
-
這篇文章主要為大家介紹了uniapp?@click事件冒泡問題解決示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪 2023-07-07
-
新的一年就要到了，你一定有很多想許下的愿望吧!今天小編就為大家?guī)砹艘粋€基于Html+CSS+JavaScript實現(xiàn)的帶雪花的許愿墻特效，需要的可以了解一下 2022-01-01
-
這篇文章主要為大家介紹了JavaScript倒計時定時器和間隔定時器使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪<BR> 2023-05-05
-
JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法
這篇文章主要介紹了JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法,涉及JavaScript遍歷及動態(tài)修改頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下 2015-09-09
-
javascript輕松實現(xiàn)當(dāng)鼠標移開時已彈出子菜單自動消失
本文為大家詳細介紹下使用javascript實現(xiàn)當(dāng)鼠標移開時已彈出子菜單自動消失，具體如下，感興趣的朋友不要錯過 2013-12-12
-
這篇文章主要介紹了JS函數(shù)多個參數(shù)默認值指定方法,結(jié)合實例形式分析了javascript函數(shù)參數(shù)的定義與傳遞相關(guān)操作技巧,需要的朋友可以參考下 2016-11-11
-
onerror事件用來協(xié)助處理頁面中的JavaScript錯誤主要包括：Window.onerror事件,img載入錯誤，接下來為大家詳細介紹下，感興趣的朋友可以參考下哈 2013-04-04
最新評論
微信小程序中子頁面向父頁面?zhèn)髦祵嵗斀?/strong>
上面一張圖是編輯款項頁面，下面一張圖是點擊了編輯款項頁面中選擇好友的圖標后打開的子頁面。這個時候點選子頁面的某個好友時，需要把好友的名字傳遞回編輯款項父頁面。
采取的方法：
從頁面路由棧中直接獲取和操作目標Page對象，這種方式，是通過調(diào)用小程序的API: getCurrentPages()，來獲取當(dāng)前頁面路由棧的信息，這個路由棧中按照頁面的路由順序存放著相應(yīng)的Page對象，我們可以很容易的獲取到上一級頁面的完整Page對象，從而使直接調(diào)用Page對象的屬性和方法成為可能。
選擇好友頁面代碼如下所示：
var pages = getCurrentPages();
var currPage = pages[pages.length - 1]; //當(dāng)前選擇好友頁面
var prevPage = pages[pages.length - 2]; //上一個編輯款項頁面
//直接調(diào)用上一個頁面的setData()方法，把數(shù)據(jù)存到上一個頁面即編輯款項頁面中去
prevPage.setData({
name: currentfriend.name //當(dāng)前選擇的好友名字賦值給編輯款項中的姓名臨時變量
});
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
- 本篇文章主要介紹了javascript實現(xiàn)的快速排序的方法與原理說明：找基準點、建立二個數(shù)組分別存儲、遞歸。需要的朋友來看下吧2016-12-12
- 本文主要介紹了原生JS輪播圖插件。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
- 這篇文章主要介紹了微信小程序云開發(fā)獲取文件夾下所有文件，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
- 這篇文章主要為大家介紹了uniapp?@click事件冒泡問題解決示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
- 新的一年就要到了，你一定有很多想許下的愿望吧!今天小編就為大家?guī)砹艘粋€基于Html+CSS+JavaScript實現(xiàn)的帶雪花的許愿墻特效，需要的可以了解一下2022-01-01
- 這篇文章主要為大家介紹了JavaScript倒計時定時器和間隔定時器使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪<BR>2023-05-05
-
JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法
這篇文章主要介紹了JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法,涉及JavaScript遍歷及動態(tài)修改頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09 -
javascript輕松實現(xiàn)當(dāng)鼠標移開時已彈出子菜單自動消失
本文為大家詳細介紹下使用javascript實現(xiàn)當(dāng)鼠標移開時已彈出子菜單自動消失，具體如下，感興趣的朋友不要錯過2013-12-12 - 這篇文章主要介紹了JS函數(shù)多個參數(shù)默認值指定方法,結(jié)合實例形式分析了javascript函數(shù)參數(shù)的定義與傳遞相關(guān)操作技巧,需要的朋友可以參考下2016-11-11
- onerror事件用來協(xié)助處理頁面中的JavaScript錯誤主要包括：Window.onerror事件,img載入錯誤，接下來為大家詳細介紹下，感興趣的朋友可以參考下哈2013-04-04