小程序 globalData 详解

globalData的使用

作用：app.js中的globalData存储的是全局数据，能在各个页面之间共同使用某些信息，可以对共享数据进行修改设置,以便其他页面根据数据变化进行相应调整；
如何使用：
globalData其他文章解释
globalData社区观点讨论
1）app.js中读取globalData，使用this即可。
2）其他js页面使用，开头需要声明 var app = getApp()
进行获取: globalData: app.globalData.name;
进行修改: getApp().globalData.name=“王二麻子”，此时改的是全局变量的值,对本页面不起作用。要修改本页面的值，直接setData进行修改。
代码示例：

// 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})})}

小程序 globalData 详解相关推荐

微信小程序点击按钮弹出弹窗_转载 | 广东大学生就业创业微信小程序操作流程详解（一）...
广东大学生就业创业微信小程序操作流程详解(一) 转眼来到10月,炎炎夏日也阻挡不了青春的忙碌,同学萌走出校园,迈向社会. 在这段时间,同学们不仅要准备毕业论文,应对毕业答辩,还需要兼顾各种毕业手续的 ...
微信小程序python flask_Python Flask 搭建微信小程序后台详解
前言: 近期需要开发一个打分的微信小程序,涉及到与后台服务器的数据交互,因为业务逻辑相对简单,故选择Python的轻量化web框架Flask来搭建后台程序.因为是初次接触小程序,经过一番摸索和尝试,个 ...
uniapp-微信小程序分包--详解
uniapp-微信小程序分包–详解实际环境(用business举例,可以创建很多个分包) 先说好,如果代码模块多,就一个一个模块搞(照着做不会错) 直入主题,我代码写完了,一真机运行,g,发现超过 ...
微信小程序版本管理详解
本来觉得没必要写版本管理的文章. 奈何微信的官方文档真的是太不友好了!!! 一顿操作猛如虎.(请原谅我知识轻薄). 本文只是我这几天操作过的,一些个人理解总结,如果,有什么不对的,欢迎大家纠正我的错误 ...
黑马优购小程序项目详解
黑马优购小程序项目详解 1.准备工作先把wx.request封装好.然后配置路由.把底部的导航配置出来.就是我们的首页.分类.购物车.还有我的,在全局的app.json中配置. {"pag ...
flask ajax小程序,Python Flask 搭建微信小程序后台详解
后台程序返回了数据后,第三步就是小程序该怎么接收返回数据并进行相关业务逻辑处理. 小程序接收返回数据.Python-Flask向小程序返回了JSON格式的数据后,小程序的wx.requset()函数里 ...
Python Flask 搭建微信小程序后台详解
前言: 近期需要开发一个打分的微信小程序,涉及到与后台服务器的数据交互,因为业务逻辑相对简单,故选择Python的轻量化web框架Flask来搭建后台程序.因为是初次接触小程序,经过一番摸索和尝试,个 ...
小程序原生详解实现腾讯地图标点和路线规划和距离计算
一.开通腾讯位置服务在微信公众平台开通腾讯位置服务二.用开发者权限登录腾讯位置服务在我的应用中找到在你用的小程序下的key 三.配置合法域名在开发管理中配置腾讯位置信息的合理域名四.代码详解 ...
字节跳动小程序支付详解
微信支付详解 1.为什么要写这篇文章参考了字节跳动官方的文档之后发现写的太简单,完全一头雾水摸不清头脑,后来在百度了别人的实现方案,才得以总结出来. 2.背景我司要开发一个头条小程序,需要支持支付 ...

小程序 globalData 详解

小程序 globalData 详解相关推荐

最新文章

热门文章