微信小程序中带参数返回上一页的方法有哪些

  介绍

这篇文章主要介绍了微信小程序中带参数返回上一页的方法有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

<强>方法一

把当前页面数据放入本地缓存(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  (), {      },

感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序中带参数返回上一页的方法有哪些”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

微信小程序中带参数返回上一页的方法有哪些