uniapp获取元素高度
时间: 2023-08-06 13:09:44 浏览: 113
uni-app 组件里面获取元素宽高的实现
要获取元素高度,可以使用uniapp中的$refs属性和uni.createSelectorQuery()方法。
1. 给要获取高度的元素添加ref属性,例如:
```
<view ref="myView">这是一个要获取高度的元素</view>
```
2. 在页面的mounted()方法中使用uni.createSelectorQuery()方法获取元素高度,例如:
```
mounted() {
uni.createSelectorQuery().in(this).select('.myView').boundingClientRect((rect) => {
console.log(rect.height)
}).exec()
}
```
其中,select()方法中的参数可以是class、id等,这里我使用了class选择器。boundingClientRect()方法用于获取元素的位置、大小等信息,其中height属性就是元素的高度。最后使用exec()方法执行操作。
阅读全文