uniapp获取元素高度
时间: 2023-09-03 07:10:38 浏览: 95
uni-app 组件里面获取元素宽高的实现
可以使用uni.createSelectorQuery()方法来获取元素的高度,具体步骤如下:
1. 在页面的onLoad或onReady生命周期函数中获取元素节点:
```
onLoad() {
uni.createSelectorQuery().select('.element').boundingClientRect(data => {
console.log(data.height) // 打印元素高度
}).exec()
}
```
2. 在页面中对应的元素上添加class名为“element”:
```
<view class="element">这是一个元素</view>
```
这样就可以获取到该元素的高度了。需要注意的是,使用uni.createSelectorQuery()方法获取元素高度时,必须等到元素渲染完成后才能获取到正确的高度,因此建议在onReady生命周期函数中获取元素高度。
阅读全文