在APP開發中(zhōng),采用(yòng)uniapp開發效率非常高,但在實際APP開發應用(yòng)中(zhōng),表單編輯狀态選擇是很(hěn)常見的效果,包括地址選擇等。那麽,在編輯過程中(zhōng),如何到一個新(xīn)頁(yè)面選擇數據後返回原頁(yè)面?并且原頁(yè)面數據不丢失?
使用(yòng)uniapp開發時,可(kě)以使用(yòng) uni.navigateTo 、uni.navigateBack 進行跳轉和返回,參數傳遞則使用(yòng):page setData 方式,具(jù)體(tǐ)參考如下。
選擇頁(yè)面(即:要返回時的調用(yòng))
var pages = getCurrentPages(); var currPage = pages[pages.length - 1]; //當前頁(yè)面 var prevPage = pages[pages.length - 2]; //上一個頁(yè)面 //直接調用(yòng)上一個頁(yè)面的setData()方法,把數據存到上一個頁(yè)面中(zhōng)去 prevPage.setData({ select_data:"test" }) uni.navigateBack(); //返回上一個頁(yè)面
原始頁(yè)面接收,在 onShow 中(zhōng)接收數據
onShow:function(e){ let pages = getCurrentPages(); let currPage = pages[pages.length-1]; if (currPage.data.select_data==undefined){ console.log(currPage.data.select_data);//接收的數據 } }
以上代碼僅為(wèi)功能(néng)說明,具(jù)體(tǐ)應用(yòng)需根據項目情況加驗證條件。
成都創軟科(kē)技(jì )提供各類企業管理(lǐ)app開發服務(wù),如有(yǒu)問題可(kě)與我們聯系。