介绍
这篇文章主要介绍了微信小程序中带参数返回上一页的方法有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强>方法一强>
把当前页面数据放入本地缓存(wx.setStorage (wx.setStorageSync),上一个页面再从缓存中取出(wx.getStorage (wx.getStorageSync))同时退出登录时要清除缓存(wx.clearStorage (wx.clearStorageSync)。
<强>方法二强>
<强> 1。在当前页设置上一页的数据,例如强>
var pages =, getCurrentPages();,//,获取页面栈 var currPage =,页面[pages.length 安康;1];,//,当前页面 var prevPage =,页面(pages.length 作用;2),,//,上一个页面 prevPage.setData ({ ,,mydata: {1,, b: 2},//,假数据 })
当然这个“mydata”必须是上一页有的数据才行
返回上一页的数据为:
wx.navigateBack ({ 三角洲才能:1 })
<强> 2,直接调用方法名来更新数据,页面一个强>
页面({ ,,数据:{ ,,,的名字:,& # 39;& # 39; ,,}, ,,… ,,,//才能更新名字 changeData才能:函数(名字){ ,,,this.setData ({ ,,,,,名字:名字 ,,,}) ,,} })
<强>页B面,假设有一个文本框用于输入姓名,点击返回按钮后更新页面的名称强>
页面({//此才能方法用于文本框输入回调 ,,inputTyping: function (e), { ,,,//获取页面栈 ,,,var pages =, getCurrentPages (); ,,,如果(祝辞pages.length 1) { ,,,,,//上一个页面实例对象 ,,,,,var prePage =,页面(pages.length 作用;2); ,,,,,//关键在这里 ,,,,,prePage.changeData (e.detail.value) ,,,} ,,} })
这样就可以实现数据传递给上一个页面,要注意页面一个必须使用wx.navigateTo跳转到页B面,不能使用wx。redirectTo,这样会关闭上一个页面,导致页B面无法获取上一页页实例。
<强>方法三,在应用程序。js中设置全局变量,当前页赋值,上一页取之强>
方法为
globalData:, { 用户信息:,null,才能 }
注意:方法,一方法三,都需要重新刷新页面数据所走方法为:
/* * *,生命周期函数——监听页面显示 */昂秀:function (), { },
感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序中带参数返回上一页的方法有哪些”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!