小程序开发过程中经常有这种需求,需要把当前页面数据传递给上一个页面,但是 wx.navigateBack()无法传递数据。
一般的办法是把当前页面数据放入本地缓存,上一个页面再从缓存中取出。
除此之外还有一种办法,巧妙利用页面栈。
getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。
重点就在这里,在当前页面拿到上一个页面的实例对象,然后调用该对象的方法完成数据传递。
页面 A
Page({
data: {
name: ''
},
...
,
//更新name
changeData: function(name){
this.setData({
name: name
})
}
})
页面 B,假设有一个文本框用于输入姓名,点击返回按钮后更新页面 A 的 name
Page({
//此方法用于文本框输入回调
inputTyping: function (e) {
//获取页面栈
var pages = getCurrentPages();
if(pages.length > 1){
//上一个页面实例对象
var prePage = pages[pages.length - 2];
//关键在这里
prePage.changeData(e.detail.value)
}
}
})
这样就可以实现数据传递给上一个页面,要注意页面 A 必须使用 wx.navigateTo 跳转到页面 B,不能使用 wx.redirectTo,这样会关闭上一个页面,导致页面 B 无法获取上一页 Page 实例。
你也可以关注我的微信公众号『ITNotes』, 一起交流学习 。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于