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
相关推荐
abigale031 小时前
开发实战 - ego商城 - 7 地址管理模块
前端·uni-app·node.js
笨笨狗吞噬者2 小时前
【uniapp】解决小程序分包下的json文件编译后生成到主包的问题
前端·uni-app
2501_915918412 小时前
Fiddler抓包工具详解,HTTP/HTTPS抓包、代理设置与调试技巧一站式教程(含实战案例)
http·ios·小程序·https·fiddler·uni-app·webview
iOS阿玮3 小时前
AppStore卡审44小时的产品,重新提交后已经过审了。
uni-app·app·apple
QuantumLeap丶3 小时前
《uni-app跨平台开发完全指南》- 04 - 页面布局与样式基础
vue.js·微信小程序·uni-app
2501_915909065 小时前
iOS 发布 App 全流程指南,从签名打包到开心上架(Appuploader)跨平台免 Mac 上传实战
android·macos·ios·小程序·uni-app·cocoa·iphone
小禾青青6 小时前
uniapp开发ai对话app,使用百度语音识别用户输入内容并展示到页面上
人工智能·百度·uni-app·uniapp
zy happy16 小时前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
2501_9159184119 小时前
HTTP抓包工具推荐,Fiddler使用教程、代理设置与调试技巧详解(含HTTPS配置与实战案例)
http·ios·小程序·https·fiddler·uni-app·webview
七个昵称20 小时前
H5扫描识别条形码
uni-app