〔开发系列〕一次关于小程序开发的深度总结

一 路由跳转

需求:如何获取当前页面的上一个页面
场景:用于判断返回哪一个页面的时候使用

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();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章