uniapp中全局变量globalData使用

等级 675 0 0
标签: 软件app前端

使用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
uni-app入门教程(1)uni-app简介、部署和目录结构
@toc 前言本文主要介绍了uniapp的基本情况,并引导快速创建和运行第一个uniapp项目,同时对项目的目录结构和代码规范进行详细说明,适合uniapp零基础初学者。 一、uniapp介绍uniapp是DCloud官方推出的重要产品,是一个使用Vue.js开发跨平台应用的前端框架,官网是。开发者通过编写一套Vue.js代码,即可
uni-app入门教程(2)页面样式、配置文件和生命周期
前言本文先介绍uniapp的页面样式和布局,包括尺寸单位、样式导入、内联样式和选择器等;再介绍两个配置文件,即pages.json和manifest.json的配置项和基本使用;最后简要介绍了生命周期的基本使用。 一、页面样式与布局 1.尺寸单位uniapp框架目前仅支持长度单位px和%。与传统web页面不同,px是相对于基准宽度
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
java版本springcloud+springboot+mybatis 分布式 微服务 多租户 电子商务 直播带货 短视频带货 社交电商平台
涉及平台:平台管理(包含自营店面)、商家端(PC端、手机端)、买家平台(PC端、H5/公众号、小程序、APP端(IOS/Android)、微服务平台(业务服务) 核心架构:Spring Cloud、Spring Boot、Mybatis、Redis、SFTP 前端框架:VUE、Uniapp、Bootstrap/H5/CSS3、IOS、Android、小程
Uniapp使用GoEasy实现websocket实时通讯
Uniapp作为近来最火的移动端开发技术,一套代码,可以打包成Android/iOS app和各种平台的小程序,可谓是没有最方便只有更方便。 GoEasy上架DCloud Uniapp插件市场已经有一个多月了,收到很多Uniapp开发人员的赞扬和好评,小编在此隔着屏幕向大家鞠躬,小编和GoEasy团队会继续努力,持续为Uniapp开发者提供最简单且优雅的A
uniapp中使用picker中的注意事项
APP端中picker点击后不弹出: 1、请确保picker标签里面嵌套了一个view,并且view里面有值 2、请确保picker中的默认值的格式跟该picker类型的值对应 例如下面: <view class="time_wrap"> <input type="tex
uniapp安卓app打包后获取位置信息失败解决方法(含高德地图key详细申请流程)
这个也是我在做uniapp混合app时遇到的问题,也是困惑了几天,网上也有很大相关文章,但是有些地方有些不清晰,让新手很困惑。 ### 问题原因 我在项目中碰到两个问题 1. 如果只需要用定位功能获取到**经纬度坐标**的,可以不用在manifest.json --> App SDK配置中勾选定位和地图服务(注意:部分国产Android手机可能必须勾
uniapp引入vue
首先目录结构是这样的 ![目录](https://oscimg.oschina.net/oscnet/up-c38df71b7be4ebcdafdc248216aa3f69e64.png "目录") > lib文件夹里面存放四个js文件,ch(存放中文语言)、en(存放英文语言)、index(设置语言)、vue-i18n(vue-i18n插件);同时在m