<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>
uni-app vue 获取子组件宽高完整代码
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 为什么要封装一个音频组件 主要因为微信小程序官方的audio不维护了,并且在很多iOS真机上确实也存在点击无法播放...