微信小程序通过全局变量作中介,数据在页面间传递
通过⽤全局变量作为中介,把数据从一个源页面传到另一个页面。适合以⼩程序启动到彻底关闭为周期的的数据,且在很多页面都要使用这个数据的,建议存储在app.js⽂件夹中。
引⽤app.js:
通过公共js来缓存传递的方法
在app.js文件里面,声明一个对象,然后将需要的数值存储进该方法里面,在需要的页面进行调用即可
特点:可以跨页面、多页面使用、关闭小程序自动清空。
A页面
const App = getApp();
memberNavigateTo (e) {
App.globalData.adviser_list=this.data.Scr; //重点传参
wx.navigateTo({
url: '/pages/index/index',
})
},
A页面,input输入的Scr数值
<input class="box2" value="{{ Scr }}" type="digit" maxlength="7" placeholder="输入血肌酐浓度" bindinput="bindScr" focus="ture"></input>
app.js
App({
globalData:{
adviser_list:''
},
Index.js
const App = getApp();
onLoad(options) {
let adviser_list = App.globalData.adviser_list; //传递的参数
this.setData({
Scr:adviser_list
});
Index.wxml
<view>传过来的参数是:{{ Scr }}</view>
显示:
另外,也可放在onhide中
App.globalData.adviser_list=this.data.Scr; //重点传参
onHide() {
App.globalData.adviser_list=this.data.Scr; //重点传参
},