uniapp中使用?uni.navigateBack()?返回上級頁面并傳參的方法
更新時間：2023年10月09日 11:13:55 作者：@Kacie
最近遇到這樣的需求在A頁面中通過跳轉到B頁面,在B頁面中處理的數據,需要跳轉回A頁面供其使用,本文給大家分享uniapp中使用?uni.navigateBack()?返回上級頁面并傳參的操作方法,感興趣的朋友一起看看吧
uni.navigateBack() 返回上級頁面并傳參
需求：在A頁面中通過跳轉到B頁面，在B頁面中處理的數據，需要跳轉回A頁面供其使用
方法：
- 在B頁面的跳轉事件中
1.使用 getCurrentPages() 詳情見官方文檔
獲取當前頁面棧的實例，以數組形式按棧的順序給出，第一個元素為首頁，最后一個元素為當前頁面
2.獲得上個頁面實例
3.給上個頁面實例綁定方法和參數
4.返回上一頁面
代碼展示：
// 返回A頁
goPageA(idx){
// 1. 獲取當前頁面棧實例（此時最后一個元素為當前頁）
let pages = getCurrentPages()
// 2. 上一頁面實例
// 注意是length長度，所以要想得到上一頁面的實例需要 -2
// 若要返回上上頁面的實例就 -3，以此類推
let prevPage = pages[pages.length -2]
// 3. 給上一頁面實例綁定getValue()方法和參數（注意是$vm）
prevPage.$vm.getValue(this.list)
// 4. 返回上一頁面
uni.navigateBack({
delta: 1 // 返回的頁面數
})
}在A頁面中使用剛剛綁定的getValue()方法接收B頁面?zhèn)鬟f的數據
getValue(list){
console.log(list,'B頁面?zhèn)鬟f的數據')
}到此這篇關于uniapp中使用 uni.navigateBack() 返回上級頁面并傳參的文章就介紹到這了,更多相關uniapp使用 uni.navigateBack() 返回上級頁面內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關文章
JavaScript中定義function有以下三種方式.2009-10-10
這篇文章主要介紹了解決JavaScript數字精度丟失問題的方法，需要的朋友可以參考下2015-12-12
replace方法的語法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正則表達式對象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。為了幫助大家更好的理解，下面舉個簡單例子說明一下2008-02-02
這篇文章主要為大家詳細介紹了js使用setTimeout實現輪循動畫，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家詳細介紹了H5圖片上傳插件，基于zepto，支持多文件上傳，進度和圖片預覽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
js彈出模式對話框,并接收回傳值的方法，需要的朋友可以參考一下2013-03-03
JavaScript監(jiān)聽和禁用瀏覽器回車事件實例
這篇文章主要介紹了JavaScript監(jiān)聽和禁用瀏覽器回車事件實例,本文直接給出示例代碼,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了JS實現雙擊編輯可修改狀態(tài)的方法,涉及javascript針對頁面元素的動態(tài)創(chuàng)建及設置技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
本文主要分享了js實現清除輸入框內的空格的代碼，代碼簡單易懂，需要的朋友一起來看下吧2016-12-12
這篇文章主要介紹了原生JS簡單實現ajax的方法,結合實例形式分析了ajax的實現步驟與相關使用技巧,需要的朋友可以參考下2016-11-11