uniapp中全局变量globalData使用

等级 113 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')
}
预览图
收藏
评论区