(小程序篇)5.返回上一页传参获取(不推荐)

579 阅读1分钟

补充说明:小程序中可通过wx.navigateTo中增加监听事件来获取

1.情景

小程序中wx.navigateBack()没有带参数进行返回,但是我们电商业务中点击选择用户收货地址,点击用户信息之后,需要返回上级并且带上用户的id。

2.初始页面代码

index.wxml

<l-button bind:lintap="enterDetail">进入详情</l-button>

index.js

// 页面跳转
enterDetail(){
  wx.navigateTo({
    url: '../detail/detail',
  })
},
onShow: function () {
  var pages = getCurrentPages();
  var currPage = pages[pages.length - 1];
  // 获取参数
  console.log(currPage.data.id)
},

3.目的页面

detail.html

<l-button bind:lintap="sendParams">点击传入参数</l-button>

detail.js

sendParams(){
  let pages = getCurrentPages();
  let prevPage = pages[pages.length - 2];
  let id = this.data.id;
  prevPage.setData({
    id: 1,
  })
  setTimeout(() => {
    wx.navigateBack({})
  }, 500)
},

4.结果

点击进入详情之后,返回页面控制台打印1