美文网首页
uniapp中全局变量globalData使用

uniapp中全局变量globalData使用

作者: 逸笛 | 来源:发表于2024-01-11 19:46 被阅读0次
图片.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, //微信胶囊距离顶部高度+胶囊高度

相关文章

网友评论

      本文标题:uniapp中全局变量globalData使用

      本文链接:https://www.haomeiwen.com/subject/twgtodtx.html