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