【微信小程序】通过使用 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');
    // 进行处理
    

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

猜你喜欢

转载自blog.csdn.net/gao511147456/article/details/132202779