globalData的使用
- 作用:app.js中的globalData存储的是全局数据,能在各个页面之间共同使用某些信息,可以对共享数据进行修改设置,以便其他页面根据数据变化进行相应调整;
- 如何使用:
(1)app.js中读取globalData,使用this即可。
(2)其他js页面使用,开头需要声明 var app = getApp()
进行获取: globalData: app.globalData.name;
// app.js App({ onLaunch: function () { var t = this }, globalData:{ targetPage: '', topheight: 50, topbottom: 60 } })
<!-- index.wxml --> <view class="nav" style="height:{{topheight+topbottom}}rpx"> <view class="battery" style="height:{{topheight}}rpx"></view> <view class="head-title" style="height:{{topbottom}}rpx">这是测试</view> </view>
/* index.wxss */ .nav{ height: 120rpx; background-color: rgb(221, 93, 61) } .head-title{ text-align: center; }
Page({ data: { isBackFromPage2: !1, topheight: app.globalData.topheight, topbottom: app.globalData.topbottom }, onLoad: function () { var t = this; // 以下两句注释,该页面的数据不会发生变化,但是全局变量topheight和topbottom的数据发生了改变 // getApp().currentTarget.topheight = 60; // getApp().currentTarget.topbottom = 60; t.setData({ topheight: 60, topbottom: 60 }) } )}