微信小程序页面传值-下一个页面向上一个页面传值

2020-12-30

前言

项目需求：订单页面选择地址跳转到地址列表页面，这种场景就需要页面之间传值。需要将选中的地址信息传给订单页面，这就是下一个页面向上一个页面传值。为了更直观的说明：下一个页面称为地址页面传值，上一个页面称为订单页面。

地址页面传值

chooseAddress: function (e) {
	//获取当前页面js里面的pages里的所有信息。
  let pages = getCurrentPages(); 
  //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。
  let prevPage = pages[pages.length - 2];
  if (prevPage) {
    prevPage.setData({ // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作
      address: e.currentTarget.dataset.address,
      name: e.currentTarget.dataset.name,
      phone: e.currentTarget.dataset.phone
    })
    wx.navigateBack({
      delta: 1
    })
  }
},

之前试过setData传一个对象给订单页面，发现不起作用，然后就通过多个字段传值。

订单页面取值

一般存在传值就会有取值，但这种传值方式是可以不用取值的。因为上面代码就是通过给上一个页面设值实现的。