小程序navigateBack和返回上一页传参

有这样一个场景,用户在订单详情页面进行了操作或者其他的操作之后,点击左上角的返回到订单列表页面,这时候需要刷新列表的数据,这时候需要在回退的时候传参,在回退后的页面获取参数

在onUnload(onHide也可以不用写,根据业务)生命周期写入,因为就返回一页而已,就没加wx.navigateBack({delta:1})
在这里插入图片描述

onUnload: function () {
    //返回上一页并传参
    const pages = getCurrentPages()
    const prevPage = pages[pages.length - 2]
    console.log(pages,prevPage)
    prevPage.setData({
      isBackFlag: 1
    })
  },

然后在退回的页面获取参数,需要在onShow生命周期写

onShow: function () {
    let { userInfo } = app.globalData
    if(!userInfo){
      wx.showModal({
        showCancel:false,
        title:'温馨提示!',
        content:'登录后查看',
        success:(res) => {
          if(res.confirm){
            wx.redirectTo({
              url: '../login/login',
            })
          }
        }
      })
      return false
    }
    const pages = getCurrentPages()
    const currPage = pages[pages.length - 1]
    //获取上一页面传递过来的值
    console.log(currPage.__data__)
    this.setData({
      curTabLabel: !currPage.__data__.isBackFlag ? '充电订单': '商户订单',
      currentPage:1
    })
    //获取充电订单数据
    this.showOrderListByTabLabel(!currPage.__data__.isBackFlag ? 1 : 2,this.data.currentPage)
  },

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
小程序中,返回一页并传递参数可以通过以下步骤实现: 1. 首先,使用`wx.navigateBack()`方法返回一页。该方法可以接收一个参数,表示返回的页面数,默认值为1。例如,如果要返回一页,可以使用`wx.navigateBack()`或`wx.navigateBack(1)`。 2. 在返回一页的同时传递参数,可以使用`getCurrentPages()`方法获取当前页面栈。该方法返回一个数组,包含所有当前页面的栈信息,最后一个元素即为当前页面。 3. 获取当前页面对象后,可以使用`setData()`方法设置页面的data属性,传递需要的参数。例如,如果要传递一个名为`param`的参数,可以使用`this.setData({ param: value })`。 4. 在上一页的`onLoad()`生命周期函数中,可以通过`options`参数获取传递的参数值。例如,如果要获取名为`param`的参数值,可以使用`options.param`。 下面是一个示例代码: 当前页(page1): ```javascript // 返回一页,并传递参数 wx.navigateBack({ delta: 1, success: function () { // 获取当前页面对象 const pages = getCurrentPages(); const prevPage = pages[pages.length - 1]; // 设置参数 prevPage.setData({ param: value }); } }); ``` 上一页(page2): ```javascript Page({ onLoad: function (options) { // 获取传递的参数值 const paramValue = options.param; console.log(paramValue); } }); ``` 在上述示例中,我们在当前页调用`wx.navigateBack()`方法返回一页,并使用`setData()`方法设置了参数`param`的值。在上一页的`onLoad()`生命周期函数中,通过`options`参数获取了传递的参数值,并将其打印到控制台上。 请注意,返回一页并传递参数只适用于返回小程序的上一页。如果要跳转到其他页面并传递参数,可以使用`wx.navigateTo()`方法,并在目标页的`onLoad()`生命周期函数中获取传递的参数。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值