微信小程序前后页面传值

微信小程序前后页面传值

  • 从前一个页面跳转到下一个页面,如何传递参数?
  • 从后一个页面返回前一个页面,如何回调参数?

向后传值

从前一个页面跳转到下一个页面并传值。

前页面:在跳转链接中添加参数并传递

wx.navigateTo({
  url: 'page/path?key=value'
})

后页面:在onLoad()函数中接收参数

onLoad: function(options) {
  console.log(options.key) // 输出 value
}

这种方式适合小规模的传参,适合传输“较大”的数据吗?例如,我们需要传递一个字典的值过去,将整个字典转json后作为value,定义一个key传过去,这样传值微信小程序平台支持吗?再者就是 “url” 里的参数长度有什么限制没?

回调传值

从后一个页面返回上一个页面并传值。

当前页面:拿到前一个页面的实例,调用前一个页面的方法

let pages = getCurrentPages();
let prevPage = pages[pages.length - 2]; // 上一个页面
prevPage.setData({
  key: newValue
})
wx.navigateBack();

或者:

  1. 在前一个页面定义一个函数
callback(e) {
    console.log(e)
    
}
  1. 在当前页面调用前一页面的函数
let pages = getCurrentPages();
let prevPage = pages[pages.length - 2]; // 上一个页面
prevPage.callback({key: value})

微信小程序没有类似于代理或者block之类的回调,但是上面的方式来实现回调更加直接,其本质上和代理,lock的原理是一样的。

你可能感兴趣的:(微信小程序,微信小程序页面传值,小程序数据回调)