小程序按左上角返回键与navigateBack携带参数

小程序的页面跳转方式有5种,分别为

其中除了wx.navigateBack外,其他都可以在路径后面带参数。

页面左上角的返回箭头和安卓的物理按键都是一样触发wx.navigateBack方法。如果我们想在页面返回时也进行参数传递该怎么做呢?今天跟大家分享两种方法

方法一:使用小程序缓存。

api:wx.setStorage(OBJECT) / wx.setStorageSync(KEY,DATA)  或者

       wx.setStorageSync(KEY,DATA) wx.getStorageSync(KEY)

//page B
 
navigateBack(){
  wx.setStorageSync('key', 'value')
  wx.navigateBack()
}
// page A  
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let value = wx.getStorageSync('key')
    cosole.log(value )
  }

 

方法二:使用小程序全局变量。

其实方法二和方法一思路是一样的,只是存储变量的方式不一样

//page B
 
navigateBack(){
  getApp().globalData.value = 'value'
  wx.navigateBack()
}

 

// page A  
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    let value = getApp().globalData.value
    cosole.log(value )
  }
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值