美文网首页
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