分享最實(shí)用的技術(shù),創(chuàng)造更大的價(jià)值

如何使用uni.navigateBack傳參修改上一個(gè)頁面值

如何使用uni.navigateBack傳參修改上一個(gè)頁面值


APP開發(fā)中,采用uniapp開發(fā)效率非常高,但在實(shí)際APP開發(fā)應(yīng)用中,表單編輯狀態(tài)選擇是很常見的效果,包括地址選擇等。那么,在編輯過程中,如何到一個(gè)新頁面選擇數(shù)據(jù)后返回原頁面?并且原頁面數(shù)據(jù)不丟失?


使用uniapp開發(fā)時(shí),可以使用  uni.navigateTo 、uni.navigateBack 進(jìn)行跳轉(zhuǎn)和返回,參數(shù)傳遞則使用:page  setData 方式,具體參考如下。


選擇頁面(即:要返回時(shí)的調(diào)用)

var pages = getCurrentPages(); 
var currPage = pages[pages.length - 1]; //當(dāng)前頁面 
var prevPage = pages[pages.length - 2]; //上一個(gè)頁面 
//直接調(diào)用上一個(gè)頁面的setData()方法,把數(shù)據(jù)存到上一個(gè)頁面中去 
prevPage.setData({ 
        select_data:"test" 
}) 
 uni.navigateBack(); //返回上一個(gè)頁面


原始頁面接收,在 onShow 中接收數(shù)據(jù)

onShow:function(e){ 
       let pages = getCurrentPages(); 
       let currPage = pages[pages.length-1]; 
       if (currPage.data.select_data==undefined){ 
            console.log(currPage.data.select_data);//接收的數(shù)據(jù) 
       }
 
 }


以上代碼僅為功能說明,具體應(yīng)用需根據(jù)項(xiàng)目情況加驗(yàn)證條件。


成都創(chuàng)軟科技提供各類企業(yè)管理app開發(fā)服務(wù),如有問題可與我們聯(lián)系。


聯(lián)系
QQ
電話
咨詢電話:189-8199-7898
TOP