微信小程序前后页面传值

微信小程序前后页面传值

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

向后传值

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

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

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)
    
}

2. 在当前页面调用前一页面的函数

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

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