uniapp中全局变量globalData使用

使用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')
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容