〔開發系列〕一次關於小程序開發的深度總結

一 路由跳轉

需求:如何獲取當前頁面的上一個頁面
場景:用於判斷返回哪一個頁面的時候使用

const pages = getCurrentPages();
const Page = pages[pages.length - 1];//當前頁
const prevPage = pages[pages.length - 2];  //上一個頁面

1. 封裝返回上一個頁面的方法

// 封裝返回上一個頁面的方法:
export function navigateBackByPage() {
    // 判斷上一個頁面 然後返回上一個頁面: 發佈頁或者訂單頁
    const pages = getCurrentPages();
    const prevPage = pages[pages.length - 2];  //上一個頁面
    if (prevPage) {
        wx.navigateBack();
    }
}
// 調用方法
navigateBackByPage();

2. 如何返回上上個頁面

wx.navigateBack({
 delta: 2
})

3. 返回上一頁的時候把當前頁的數據傳遞會上一個頁面

const pages = getCurrentPages();
const prevPage = pages[pages.length - 2]; //上一個頁面
// 直接調用上一個頁面的setData()方法,把數據存到上一個頁面中去
prevPage.setData({
   orderId: orderId
});
wx.navigateBack();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章