微信开发入门(十一)更新上一页数据
时间:2020-09-09 01:30:04
作者:重庆seo小潘
来源:
小程序开发过程中经常有这种需求,需要把当前页面数据传递给上一个页面,但是wx.navigateBack()无法传递数据。 一般的办法是把当前页面数据放入本地缓存,上一个页面再从缓存中取出。 除此之外还有一种办法,巧妙利用页面栈。 重点就在这里,在当前页面拿到
小程序开发过程中经常有这种需求,需要把当前页面数据传递给上一个页面,但是wx.navigateBack()无法传递数据。
一般的办法是把当前页面数据放入本地缓存,上一个页面再从缓存中取出。
除此之外还有一种办法,巧妙利用页面栈。
重点就在这里,在当前页面拿到上一个页面的实例对象,然后调用该对象的方法完成数据传递。
页面APage({data: {name: ''},...,//更新namechangeData: function(name){this.setData({name: name})}})页面B,假设有一个文本框用于输入姓名,点击返回按钮后更新页面A的namePage({//此方法用于文本框输入回调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实例。
【相关推荐】
1. 微信公众号平台源码下载
2. 微信投票源码
3. 微信啦啦外卖2.2.4解密开源版 微信魔方源码以上就是微信开发入门(十一)更新上一页数据的详细内容,更多请关注小潘博客其它相关文章!