欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2023年10月09日 11:13:55   作者：@Kacie  
最近遇到這樣的需求在A頁面中通過跳轉到B頁面,在B頁面中處理的數(shù)據(jù),需要跳轉回A頁面供其使用,本文給大家分享uniapp中使用?uni.navigateBack()?返回上級頁面并傳參的操作方法,感興趣的朋友一起看看吧

uni.navigateBack() 返回上級頁面并傳參

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

方法：

  • 在B頁面的跳轉事件中

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

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

2.獲得上個頁面實例

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

4.返回上一頁面

代碼展示：

 // 返回A頁
 goPageA(idx){
     // 1. 獲取當前頁面棧實例（此時最后一個元素為當前頁）
     let pages = getCurrentPages() 
     // 2. 上一頁面實例
     	// 注意是length長度，所以要想得到上一頁面的實例需要 -2
     	// 若要返回上上頁面的實例就 -3，以此類推
     let prevPage = pages[pages.length -2] 
     // 3. 給上一頁面實例綁定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ù)')
}

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

相關文章

最新評論