小程序 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全局数据
522 0
|
28天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
185 3
|
1月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
44 0
微信小程序更新提醒uniapp
|
3月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
104 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
3月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
99 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
3月前
|
存储 小程序 JavaScript
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
61 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
81 7
|
3月前
|
小程序 前端开发 安全
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的美食推荐小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的美食推荐小程序的详细设计和实现(源码+lw+部署文档+讲解等)

热门文章

最新文章