uniapp 全局数据(globalData)的设置,获取,更改

globalData,这是一种简单的全局变量机制。这套机制在uni-app里也可以使用,并且全端通用

因为uniapp基本上都是将页面,或者页面中相同的部分,进行组件化,所以会存在父,子,(子,父)之间的传值的情况,但在某些情况下,可以选择将内容设置为一个全局的变量,并根据需求来进行内容的更新。大大减少了代码的使用,和传值可能遇到的各种复制的计算等等的情况

下面来看看如何设置将一个变量设置为全局数据

1.在入口文件app.vue中,设置一个globalData,其中的内容要看你自己的需求,一个,也可以多个存在,命名有你自己决定

2.在需要使用到全局数据的页面中使用,注意要在页面初始化,或者显示的生命周期中去获取,且必须要使用getApp()方法

this.fly=getApp().globalData.fly

这样就能够获取到你定义在globalData的数据了

3.修改globalData下的数据

getApp().globalData.fly=this.fly
相关推荐
晓风伴月34 分钟前
uniapp: IOS微信小程序输入框部分被软键盘遮挡问题
微信小程序·小程序·uni-app
转角羊儿41 分钟前
uni-app文章列表制作⑧
前端·javascript·uni-app
糊涂涂是个小盆友2 小时前
前端 - 使用uniapp+vue搭建前端项目(app端)
前端·vue.js·uni-app
阿巴阿巴Ovo3 小时前
uniapp中多角色导致tabbar过多的解决方式
uni-app
Json____6 小时前
学法减分交管12123模拟练习小程序源码前端和后端和搭建教程
前端·后端·学习·小程序·uni-app·学法减分·驾考题库
云深时现月7 小时前
jenkins使用cli发行uni-app到h5
前端·uni-app·jenkins
diygwcom7 小时前
低代码可视化-uniapp开关选择组件-低码生成器
uni-app
fakaifa20 小时前
CRMEB Pro版v3.1源码全开源+PC端+Uniapp前端+搭建教程
前端·小程序·uni-app·php·源码下载
转角羊儿20 小时前
uni-app请求方法封装⑦
uni-app
java知路20 小时前
uniapp h5实现录音
uni-app