小程序 globalData

简介: 小程序 globalData

globalData的使用

  1. 作用:app.js中的globalData存储的是全局数据,能在各个页面之间共同使用某些信息,可以对共享数据进行修改设置,以便其他页面根据数据变化进行相应调整;
  2. 如何使用:

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


目录
相关文章
|
小程序
微信小程序:设置globalData全局数据
微信小程序:设置globalData全局数据
374 0
|
3天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
17 7
|
3天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
16 7
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的美食推荐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的美食推荐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的蛋糕订购小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的蛋糕订购小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
3天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的仓库点单小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的仓库点单小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的“鼻护灵”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的“鼻护灵”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的“财来财往”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的“财来财往”微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的自驾游拼团小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的自驾游拼团小程序的详细设计和实现(源码+lw+部署文档+讲解等)
|
4天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的小程序校园订餐的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的小程序校园订餐的详细设计和实现(源码+lw+部署文档+讲解等)