首页 > 移动平台 > 详细

uniapp中全局变量globalData的使用

时间:2020-03-17 18:39:07      阅读:1010      评论:0      收藏:0      [点我收藏+]

使用uniapp开发时,可以通过在app.vue中定义全局变量,在没个页面内通过globalData获取

1、app.vue文件内部的写法

<script>
    export default {
        globalData: {
            text: ‘text‘
        },
        onLaunch: function() {
            console.log(‘App Launch‘)
        },
        onShow: function() {
            console.log(‘App Show‘)
        },
        onHide: function() {
            console.log(‘App Hide‘)
        }
    }
</script>

<style>
    /*每个页面公共css */
</style>

2、在每个下级文件内的写法

onLoad() {
          var globalData = getApp().globalData.text; //获取全局变量
          getApp().globalData.text = ‘abc‘; //修改全局变量
          console.log(globalData);
          console.log(getApp().globalData.text);
        },

 3、需要注意的是,如果需要在app.vue中获取这个全局变量,需要按以下写法

onLaunch: function() {
            console.log(this.$scope.globalData.text)
            console.log(‘App Launch‘)
        },

 

uniapp中全局变量globalData的使用

原文:https://www.cnblogs.com/Alex-Song/p/12512358.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!