在使用(yòng)uniapp開發中(zhōng),可(kě)以通過uni.navigateBack方法回傳數據到上一個頁(yè)面。具(jù)體(tǐ)步驟如下:
在當前頁(yè)面中(zhōng),通過uni.navigateBack方法返回上一個頁(yè)面,并傳遞需要的數據。
// 當前頁(yè)面 uni.navigateBack({ delta: 1, // 返回的頁(yè)面數,如果是2代表返回上兩個頁(yè)面 success() { // 回傳數據到上一個頁(yè)面 uni.$emit('dataChanged', '返回的字符串,也可(kě)以是對象'); } });
在上一個頁(yè)面的mounted鈎子函數中(zhōng),監聽事件并獲取回傳的數據。
// 上一個頁(yè)面 export default { mounted() { uni.$on('dataChanged', (data: string) => { // 獲取回傳的數據 console.log(data.key); // output: value }); } }
這樣就實現了在當前頁(yè)面回傳數據到上一個頁(yè)面的功能(néng)。通過uni.$emit在當前頁(yè)面觸發自定義事件,然後通過uni.$on在上一個頁(yè)面監聽該事件來獲取回傳的數據。