微信小程序前后页面传值
- 从前一个页面跳转到下一个页面,如何传递参数?
- 从后一个页面返回前一个页面,如何回调参数?
向后传值
从前一个页面跳转到下一个页面并传值。
前页面:在跳转链接中添加参数并传递
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();
或者:文章来源:https://www.toymoban.com/news/detail-631531.html
- 在前一个页面定义一个函数
callback(e) {
console.log(e)
}
- 在当前页面调用前一页面的函数
let pages = getCurrentPages();
let prevPage = pages[pages.length - 2]; // 上一个页面
prevPage.callback({key: value})
微信小程序没有类似于代理或者block之类的回调,但是上面的方式来实现回调更加直接,其本质上和代理,lock的原理是一样的。文章来源地址https://www.toymoban.com/news/detail-631531.html
到了这里,关于微信小程序前后页面传值的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!