uniapp中全局变量globalData使用

等级 354 0 0

使用uniapp开发时,可以通过在app.vue中定义全局变量,在每个页面内通过globalData获取

1、app.vue文件的写法

<script> 
export default {
       globalData: {
          loginSta: false
    },
        onLaunch: function() {
            console.log('App Launch')
        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }
 </script>

2、在其他页面中使用和获取

var globalData = getApp().globalData.loginSta; //获取全局变量
 getApp().globalData.loginSta= true; //修改全局变量
 console.log(globalData);
console.log(getApp().globalData.loginSta);

注意: 如果需要在app.vue中获取这个全局变量,需要按以下写法

onLaunch: function() {
      console.log(this.$scope.globalData.loginSta)
      console.log('App Launch')
}
收藏
评论区

相关推荐

uniapp中使用vue-i18n实现国际化多语言
uniapp的项目中 需要用到国际化切换 做一个总结 1. 首先看一下目录结构 2. 准备好vuei18n的js文件(下方有源码地址) 3. la
uniapp中全局变量globalData使用
使用uniapp开发时,可以通过在app.vue中定义全局变量,在每个页面内通过globalData获取 1、app.vue文件的写法 <script export default { globalData: { loginSta: false }, onLaunch: function() {
uni-app实战之社区交友APP(1)项目介绍和环境搭建
如需查看本项目实际运行效果,可点击uniapp实战之社区交友APP(1)项目介绍和环境搭建(https://blog.csdn.net/CUFEECR/article/details/112793245)(免费试读)进行浏览。 如需本项目完整前端uniapp代码和资源文件,可以点击https://download.csdn.net/downloa
uni-app实战之社区交友APP(11)API环境搭建和登录API开发
牛年第一篇文章,金鼠辞旧岁、金牛报春时,我携全家以及秘书安南、保镖普京、管家布莱尔、司机布什、家奴小泉、水扁等向各位读者大佬朋友们致以节日的问候:祝新年快乐,玩得开心o( ̄▽ ̄)o 如需查看本项目实际运行效果,可点击uniapp实战之社区交友APP(1)项目介绍和环境搭建(https://blog.csdn.net/CUFEECR/article/d
uniapp上传图片显示进度
uniapp上传图片,官方文档写的比较清楚,此处笔记是因为客户特殊要求,上传提示进度条,查到方法特此笔记。 uploadImg(){ var _self this; uni.chooseImage({ count: 1, sizeType:'copressed', success:(res) { console.log(r
深入浅出理解DiskLruCache
什么是DiskLruCache? 简单来说,DiskLruCache是一种管理数据存储的技术,单从Cache的字面意思也可以理解到,"Cache","高速缓存"。在很多我们接触的APP中,大多数APP是利用了这一技术的,例如:微博,网易新闻,QQ等等。当无网络时,打开这类APP时,是不能接收网络数据的,但是你会发现
Hybrid APP基础篇-_Native、Hybrid、React Native、Web App方案的分析比较
说明 Native、Hybrid、React、Web App方案的分析比较 前言 参考来源 前人栽树,后台乘凉,本文参考了以下来源 对当前主流hybrid app、web app与native app工具的初步比较与分析
iOS开发:后台运行以及保持程序在后台长时间运行
第一部分 1.先说说iOS 应用程序5个状态:停止运行应用程序已经终止,或者还未启动。不活动应用程序处于前台但不再接收事件(例如,用户在app处于活动时锁住了设备)。活动app处于“使用中”的状态。后台app不再屏幕上显示,但它仍然执行代码。挂起app仍然驻留内存但不再执行代码。按下Home键时,app从活动状态转入后台,绝大部分app通
uni-app入门教程(1)uni-app简介、部署和目录结构
@toc 前言本文主要介绍了uniapp的基本情况,并引导快速创建和运行第一个uniapp项目,同时对项目的目录结构和代码规范进行详细说明,适合uniapp零基础初学者。 一、uniapp介绍uniapp是DCloud官方推出的重要产品,是一个使用Vue.js开发跨平台应用的前端框架,官网是。开发者通过编写一套Vue.js代码,即可
uni-app入门教程(7)第三方登录和分享
前言本文主要介绍了APP开发的两大基本功能,即第三方登录登录和分享:包括登录通用配置,微信小程序和APP的第三方登录方式,和分享到聊天和朋友圈,使用uniapp实现有不同的接口和实现方式。 一、通用配置因为小程序和APP登录接口不同,需要在前端进行跨端兼容处理,同时微信等平台的小程序一般只支持所属宿主程序的第三方登录,而无法包括其他的
uni-app入门教程(8)在uni-app中使用Vue
前言本文主要的主要内容是在uniapp中Vue的用法,具体如下:Vue支持响应式数据操作,可以实现数据和事件的绑定,同时支持this传递;uniapp在Vue实例生命周期的基础上增加了应用生命周期和页面生命周期;实现全局变量的3种方式,即公用模块、挂载Vue.prototype和globalData;Class和Style的动态绑定,包括对象
带你使用uni-upgrade-center搭建APP更新系统(升级中心+应用升级)
哦我完成了uniapp手机app开发,如何让他更新呢我来告诉你 说明:分两块,一块是应用升级管理系统,一个是应用检测自己版本及更新我是代码哈士奇 此文章来源为代码哈士奇,个人主页:@ uniupgradecenter Admin搭建升级中心 创建uniadmin模板应用我们之前已经讲了如何之所以先创建uniadmin模板应用 是因为uniupgradec
「uniapp」自定义iconfont
1. 进入 2. 搜索自己需要的图标点击加入购物车中 3. 将购物车中的图标添加到项目中首先进入购物车点击添加至项目,没有项目就新建一个项目 4. 将图标下载至本地 5. 将文件复制到uniapp项目中// 将.ttf文件 @/common 引入@fontface fontfamily: "iconfont"; / Project id 2570483
某站App签名算法解析(一)
一、目标我们来分析某站 App的sign签名算法,先搜索一下 游戏 ,抓包结果: 二、步骤 这个sign依然是32位的字符串都9020年了,这种规模用户的App应该是不会裸奔在java层了,我们就直接一点,在so里面搜索 sign可惜没有结果…… 藏起来的东西一定是重要的东西so层导出函数给java层调用,有两种方法,一种是静态注册,直接会体现在so的导出表
APP 开发技术该如何选型 ?
目前 按照 APP 开发分类,分为以下三大类 原生 APP  \[ Android Swift  \] WEB APP Hybrid App \[混合 APP  \] 在找工作的当中,很多岗位 要求 会开发 H5 App ,那到底什么是H5 APP 呢?一开始我也有点疑惑,没接触这块,按自己理解 就是 采用 HTML5 技术