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

uniappX ts返回上一個頁面如何傳參?

在使用uniapp開發(fā)中,可以通過uni.navigateBack方法回傳數(shù)據(jù)到上一個頁面。具體步驟如下:


在當前頁面中,通過uni.navigateBack方法返回上一個頁面,并傳遞需要的數(shù)據(jù)。


// 當前頁面
uni.navigateBack({
  delta: 1, // 返回的頁面數(shù),如果是2代表返回上兩個頁面
  success() {
    // 回傳數(shù)據(jù)到上一個頁面
    uni.$emit('dataChanged', '返回的字符串,也可以是對象');
  }
});


在上一個頁面的mounted鉤子函數(shù)中,監(jiān)聽事件并獲取回傳的數(shù)據(jù)。

// 上一個頁面
export default {
  mounted() {
    uni.$on('dataChanged', (data: string) => {
      // 獲取回傳的數(shù)據(jù)
      console.log(data.key); // output: value
    });
  }
}



這樣就實現(xiàn)了在當前頁面回傳數(shù)據(jù)到上一個頁面的功能。通過uni.$emit在當前頁面觸發(fā)自定義事件,然后通過uni.$on在上一個頁面監(jiān)聽該事件來獲取回傳的數(shù)據(jù)。


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