小程序返回上一页并传参

功能需求:在做查看订单页面的时候,有待支付、已完成,已取消,已退款几种,点击查看订单详情后返回的时候,要回到上一次点击的状态(待支付、已完成,已取消,已退款)这个时候就需要缓存点击的哪一项,返回的时候设置。

1、在要返回的页面中加载后或者请求成功后添加以下代码:

 onLoad: function (options) {
    var pages = getCurrentPages();               \\当前页面
    var prevpage = pages[pages.length - 2]        \\上一个页面
    prevpage.setData({                             \\这是要往上个页面传的数据
      chuandata:{
        tabindex:options.tabindex
      }
    })
}

注:我这里是写在了onload中,并且在上一个页面跳转的时候传了点击项的索引,再通过setdata设置把数据返到上一个页面。

2、在要接收的组件onshow生命周期中来获取传递的参数,得需要先建立一个chuandata对象,如果传过来得是字符串,chuandata就建立字符串,总之要一一对应。代码如下:

onShow: function () {
    var pages = getCurrentPages();
    var currentpage = pages[pages.length-1]    \\当前页面
    var json  = currentpage.data.chuandata      \\ 获取chuandata对象
    if(json!=undefined){
      var tabindex1 = parseInt(json.tabindex)+1  
      this.orderlist(tabindex1)                   \\获取选中项的订单列表
      this.setData({
        tabindex: json.tabindex                   \\设置选中项的索引
      })
    }
  
  },

注:这里加个判断是为了防止报错,因为onshow是在页面显示的时候调用,当用户直接进入查看订单页面,这时候并没有进入查看详情,这时候是没有传json这个对象的,会报错显示未定义,所有这时候就判断一下有了再接收即可。

小程序中,返回一页传递参数可以通过以下步骤实现: 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、付费专栏及课程。

余额充值