uniapp 微信小程序 获取元素高度
时间: 2023-08-03 08:09:10 浏览: 142
uni-app 组件里面获取元素宽高的实现
在 UniApp 中,可以使用 `uni.createSelectorQuery` 方法来获取元素的高度。以下是示例代码:
```javascript
// 在页面的生命周期钩子函数中使用
onReady() {
this.getElementHeight();
},
methods: {
getElementHeight() {
uni.createSelectorQuery()
.select('.element-class') // 替换为你要获取高度的元素的类名或选择器
.boundingClientRect(rect => {
console.log(rect.height); // 获取到元素的高度
})
.exec();
}
}
```
上述代码中,通过 `uni.createSelectorQuery()` 创建一个选择器对象,然后使用 `select()` 方法指定要获取高度的元素的类名或选择器。接着,使用 `boundingClientRect()` 方法来获取元素的位置和大小信息,其中 `rect.height` 表示元素的高度。最后,调用 `exec()` 方法来执行选择器查询。
请注意替换示例代码中的 `.element-class` 为你要获取高度的元素的类名或选择器。
阅读全文