小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序 wx.navigateBack页面返回传参

微信小程序 wx.navigateBack页面返回传参

1. 保存参数

在需要返回的页面(例如,pages/pageA/pageA),你可以在点击返回按钮时,将参数保存到本地存储中:

// pages/pageA/pageA.js
Page({
  onLoad(options) {
    // 可以在这里处理初始化逻辑
  },

  goToPageB() {
    wx.setStorageSync('returnParam', '这是返回参数');
    wx.navigateTo({
      url: '/pages/pageB/pageB'
    });
  }
});


2. 读取参数

在目标页面(例如,pages/pageB/pageB),你可以读取这些参数并在页面逻辑中处理:

// pages/pageB/pageB.js
Page({
  onLoad(options) {
    // 页面加载时读取存储的参数
    const returnParam = wx.getStorageSync('returnParam');
    this.setData({
      returnParam
    });
  },

  goBack() {
    // 清除存储的参数(可选)
    wx.removeStorageSync('returnParam');
    wx.navigateBack();
  }
});


3. 处理返回逻辑

如果你需要在 pageA 页面中处理返回后的逻辑,可以在 onShow 生命周期函数中读取参数:

// pages/pageA/pageA.js
Page({
  onLoad(options) {
    // 可以在这里处理初始化逻辑
  },

  onShow() {
    const returnParam = wx.getStorageSync('returnParam');
    if (returnParam) {
      // 处理返回的参数
      console.log('返回参数:', returnParam);
      // 清除存储的参数(可选)
      wx.removeStorageSync('returnParam');
    }
  }
});


总结

通过以上方法,你可以在 wx.navigateBack 页面返回时传递参数。关键在于使用 wx.setStorageSync 和 wx.getStorageSync 来暂存数据,然后在页面的生命周期函数中读取这些数据来实现你所需的功能。

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了