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

文章来源:CSDN 发布日期:2024-04-23 分类:小程序博客 阅读( )

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

  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');// 进行处理

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

最新文章:

二维码