uni-app vue 获取子组件宽高完整代码

<template>
    <view>
    <commonheader ref="commonheader" class="common" commonTitle="智能作文"></commonheader>
    </view>
</template>

<script>
    
    import commonheader from "@/components/common-header/common-header.vue"
    
    export default {
        data() {
            return {
        commonHeaderHeight:200
            }
        },
        components: {
           commonheader
        },
        onLoad:function(){
            this.$nextTick(function(){
              //获取其他组件也是这个道理
              let query = uni.createSelectorQuery().select('.common');
              query.boundingClientRect(function(data) {
                this.commonHeaderHeight = data.height*2
              }).exec()
          })
        }   
    }
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容