html代码
<template>
<view class="home_page">
<view class="body" ref="body">
<u-button type="primary" @click="goMy">去我的页面</u-button>
<u-button type="success" @click="goLoginOut">退出登陆</u-button>
</view>
<view class="test" :style="styleVar"></view>
</view>
</template>
js代码
<script>
export default {
data() {
return {
styleVar: {}
}
},
methods: {
getStyle() {
let info = uni.createSelectorQuery().select(".body")
console.log('info', info) // 获取元素
info.boundingClientRect((data) => { //data - 各种参数
console.log('data--------->', data)
console.log('data.width', data.width) // 获取元素宽度
console.log('data.height', data.height) // 获取元素宽度
this.styleVar = {
height: data.height + 'px'
}
}).exec()
}
},
mounted() {
this.$nextTick(function(){
// 如果不在mounted里面调用,必须得放到this.$nextTick()里面去执行,不然会报错
this.getStyle()
})
}
}
</script>