溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下微信小程序中怎么實現子向父傳參，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
有時候我們在做微信小程序項目的時候，會遇到如下的情況：有一個列表頁，頁面有一個篩選條件，點擊之后跳轉頁面，進行條件的選擇，選擇完之后返回到列表頁，根據篩選的條件進行數據的查詢。一般這種情況更多的時候，我們看到的都是通過彈框形式來進行篩選條件進行處理的。那如果我們就想要跳轉頁面的這種交互方式，我們如何從子頁面把參數傳遞到父頁面呢？
wx.navigateBack 無法攜帶參數，子頁面無法向父頁面傳遞參數。
這個地方留意一下，我們是說的子頁面操作父頁面的數據。
在官方文檔上有一個getCurrentPages的API(官網描述如下):
PageObject[] getCurrentPages()獲取當前頁面棧。數組中第一個元素為首頁，最后一個元素為當前頁面。
不要嘗試修改頁面棧，會導致路由以及頁面狀態錯誤。
不要在 App.onLaunch 的時候調用 getCurrentPages()，此時 page 還沒有生成。
通過getCurrentPages這個API，我們可以獲取到頁面棧的數據，所以就可以獲取到指定的頁面，在子頁面通過修改父頁面數據的方式，我們就可以實現子頁面向父頁面傳參的功能。
const pages = getCurrentPages(); const gotoPage = pages[pages.length - 1];
所以pages[pages.length - 1]就為當前頁面，父頁面就為pages[pages.length - 2]，依次類推，我們可以獲取到其他的祖先頁面。
然后再使用 setData 方法 gotoPage.setData({xxx: ''})來修改設置父頁面的數據，從而達到子頁面向父頁面傳遞參數的目的。之后再通過 wx.navigateBack 進行頁面返回即可。
組件
彈框
如我們文章開頭提到，如果是需要從子頁面向父頁面傳遞參數，那我們可以通過彈框的形式顯示內容，選擇完相應的數據之后，隱藏當前的彈框或者組件。
以上是“微信小程序中怎么實現子向父傳參”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
