快捷導(dǎo)航

uniapp中使用?uni.navigateBack()?返回上級(jí)頁(yè)面并傳參的方法

更新時(shí)間：2023年10月09日 11:13:55 作者：@Kacie

最近遇到這樣的需求在A頁(yè)面中通過(guò)跳轉(zhuǎn)到B頁(yè)面,在B頁(yè)面中處理的數(shù)據(jù),需要跳轉(zhuǎn)回A頁(yè)面供其使用,本文給大家分享uniapp中使用?uni.navigateBack()?返回上級(jí)頁(yè)面并傳參的操作方法,感興趣的朋友一起看看吧

uni.navigateBack() 返回上級(jí)頁(yè)面并傳參

需求：在A頁(yè)面中通過(guò)跳轉(zhuǎn)到B頁(yè)面，在B頁(yè)面中處理的數(shù)據(jù)，需要跳轉(zhuǎn)回A頁(yè)面供其使用

方法：

在B頁(yè)面的跳轉(zhuǎn)事件中

1.使用 getCurrentPages() 詳情見官方文檔

獲取當(dāng)前頁(yè)面棧的實(shí)例，以數(shù)組形式按棧的順序給出，第一個(gè)元素為首頁(yè)，最后一個(gè)元素為當(dāng)前頁(yè)面

2.獲得上個(gè)頁(yè)面實(shí)例

3.給上個(gè)頁(yè)面實(shí)例綁定方法和參數(shù)

4.返回上一頁(yè)面

代碼展示：

 // 返回A頁(yè)
 goPageA(idx){
     // 1. 獲取當(dāng)前頁(yè)面棧實(shí)例（此時(shí)最后一個(gè)元素為當(dāng)前頁(yè)）
     let pages = getCurrentPages() 
     // 2. 上一頁(yè)面實(shí)例
     	// 注意是length長(zhǎng)度，所以要想得到上一頁(yè)面的實(shí)例需要 -2
     	// 若要返回上上頁(yè)面的實(shí)例就 -3，以此類推
     let prevPage = pages[pages.length -2] 
     // 3. 給上一頁(yè)面實(shí)例綁定getValue()方法和參數(shù)（注意是$vm）
     prevPage.$vm.getValue(this.list) 
     // 4. 返回上一頁(yè)面
     uni.navigateBack({
         delta: 1 // 返回的頁(yè)面數(shù)
     })
 }

在A頁(yè)面中使用剛剛綁定的getValue()方法接收B頁(yè)面?zhèn)鬟f的數(shù)據(jù)

getValue(list){
    console.log(list,'B頁(yè)面?zhèn)鬟f的數(shù)據(jù)')
}

到此這篇關(guān)于uniapp中使用 uni.navigateBack() 返回上級(jí)頁(yè)面并傳參的文章就介紹到這了,更多相關(guān)uniapp使用 uni.navigateBack() 返回上級(jí)頁(yè)面內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: