uniapp中全局变量globalData使用

图片.png

官方文档:

APP.vue中使用

初始值:

<script>  
    export default {  
        globalData: {  
            text: 'text'  
        }
    }  
</script>  

在onShow里面进行变量赋值 this.globalData.XX=xx

图片.png
onShow: function() {
            console.log('App Show')
            let menuButtonInfo = uni.getMenuButtonBoundingClientRect()
            console.log(menuButtonInfo, "App - menuButtonInfo")
            this.globalData.menuButtonH = menuButtonInfo.height
            this.globalData.menuButtonTop = menuButtonInfo.top
            this.globalData.conTop = menuButtonInfo.top + menuButtonInfo.height + 63
            console.log(this.globalData.menuButtonTop, "Vue.prototype.menuButtonTop")
        },

app.vue获取值:this.globalData.XX

页面中使用

页面赋值 getApp().globalData.XX=xx

图片.png
getApp().globalData.menuButtonTop =100

页面获取值

图片.png
conTop: getApp().globalData.conTop, //微信胶囊距离顶部高度+胶囊高度
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容