【微信小程序】通过使用 wx.navigateTo方法进行页面跳转,跳转后的页面中通过一些方式回传值给原页面

以下是几种常见的回传值的方式:

  1. 使用 wx.navigateTo 方法传递参数:
    在跳转时,可以在目标页面的 URL 中携带参数,然后在目标页面的 onLoad 方法中获取参数,并在目标页面中进行处理。例如:

    // 原页面跳转到目标页面
    wx.navigateTo({
      url: 'pages/device/select/selectDevice?id=123&name=test',
    })
    

    在目标页面的 onLoad 方法中获取参数:

    onLoad: function(options) {
      const id = options.id;
      const name = options.name;
      // 进行处理
    }
    
  2. 使用 wx.navigateBack 方法回传值:
    在目标页面中,可以使用 wx.navigateBack 方法返回到原页面,并在 wx.navigateBack 方法的参数中携带需要回传的值。在原页面的 onLoad 方法中可以通过 options 参数获取回传的值。例如:

    // 目标页面返回到原页面,并携带回传的值
    wx.navigateBack({
      delta: 1, // 返回的页面数,1表示返回到上一个页面
      success: function() {
        wx.setStorageSync('value', '回传的值');
      }
    })
    

    在原页面的 onLoad 方法中获取回传的值:

    onLoad: function(options) {
      const value = wx.getStorageSync('value');
      // 进行处理
    }
    
  3. 使用全局变量或缓存进行数值传递:
    在目标页面中修改全局变量或使用缓存存储需要回传的值,然后在原页面中读取该全局变量或缓存的值。例如:

    // 目标页面修改全局变量或存储缓存
    getApp().globalData.value = '回传的值';
    // 或者使用缓存存储
    wx.setStorageSync('value', '回传的值');
    

    在原页面中获取全局变量或缓存的值:

    const value = getApp().globalData.value;
    // 或者使用缓存读取
    const value = wx.getStorageSync('value');
    // 进行处理
    

请根据你的具体需求选择适合的方式进行回传值。希望这些方法能够帮助你实现在微信小程序中跳转页面后回传值。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

全面解读

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值