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)文章
es6中Promise 對(duì)象基本功能與用法實(shí)例分析
這篇文章主要介紹了es6中Promise 對(duì)象基本功能與用法,結(jié)合實(shí)例形式分析了es6中Promise對(duì)象的基本功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
這篇文章主要介紹了js閉包用法,結(jié)合實(shí)例形式分析了JS閉包的概念、功能及相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
本節(jié)主要介紹了ie8下面處理 new Date()的問題,需要的朋友可以參考下2014-07-07
javascript showModalDialog 內(nèi)跳轉(zhuǎn)頁面的問題
在頁面中使用了showModalDialog，但是在跳轉(zhuǎn)鏈接時(shí)，不會(huì)在當(dāng)前頁執(zhí)行，而是彈出一個(gè)新的頁面。2010-11-11
JS建造者模式是一種創(chuàng)建型設(shè)計(jì)模式,它可以用于構(gòu)建復(fù)雜對(duì)象的創(chuàng)建過程,將對(duì)象的構(gòu)建步驟和表示分離,以便能夠靈活地構(gòu)建不同的對(duì)象,本文將通過代碼示例給大家詳細(xì)的介紹一下JS建造者模式的用法,需要的朋友可以參考下2023-08-08
基于 Bootstrap 的 jQuery 表格插件，通過簡單的設(shè)置，就可以擁有強(qiáng)大的單選、多選、排序、分頁，以及編輯、導(dǎo)出、過濾（擴(kuò)展）等等的功能2017-06-06
JS組件中bootstrap multiselect兩大組件較量
這篇文章主要介紹了JS組件中bootstrap multiselect兩大組件，兩者之間的較量，優(yōu)缺點(diǎn)比較，感興趣的小伙伴們可以參考一下2016-01-01
微信小程序?qū)崿F(xiàn)日期格式化和倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日期格式化和倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
JS實(shí)現(xiàn)文字向下滾動(dòng)完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)文字向下滾動(dòng)的方法,以一個(gè)完整實(shí)例形式詳細(xì)分析了html頁面布局、css樣式及對(duì)應(yīng)的js滾動(dòng)功能實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多張照片上傳功能,當(dāng)服務(wù)器的狀態(tài)碼為200且圖片上傳完畢后將圖片的src轉(zhuǎn)化為Json字符串存在數(shù)組中以便將其添加到數(shù)據(jù)庫,本文通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03