uniapp 获取元素高度

在 uniapp 中，你可以使用 wx.createSelectorQuery() 方法来获取元素的高度。首先，你需要在元素上添加唯一的 id，然后在你的 JavaScript 代码中使用以下代码来获取元素的高度：

wx.createSelectorQuery().select('#the-id').boundingClientRect(function (rect) {
  console.log(rect.height)
}).exec()

这段代码会在页面渲染完成后执行，并在回调函数中输出元素的高度。

相关问题

uniapp获取元素高度

你可以使用 `uni.createSelectorQuery()` 方法获取元素的高度。具体步骤如下：

1. 在需要获取高度的页面中，先引入 `uni.createSelectorQuery()` 方法：

import uni from '@/utils/uni-app'; // 引入uni-app中的uni对象

2. 在 `mounted()` 生命周期函数中，使用 `uni.createSelectorQuery()` 方法获取元素的高度：

mounted() {
  uni.createSelectorQuery().select('.element-class').boundingClientRect(data => {
    console.log('元素高度:', data.height);
  }).exec();
}

其中，`.element-class` 是你需要获取高度的元素的 class 名称，`data.height` 是获取到的元素高度。

注意：该方法只能在 `mounted()` 生命周期函数中使用，因为此时页面已经渲染完毕，元素的高度才能被正确计算。

在onload或在onready获取uniapp 获取元素高度一直返回null

在 `onload` 或者 `onready` 中获取元素高度返回 `null`，可能是因为元素还没有完全渲染完成，所以需要等到页面渲染完成后再获取元素高度。可以在 `mounted` 生命周期中使用 `this.$nextTick()` 来确保页面渲染完成后再获取元素高度，示例代码如下：

mounted() {
  this.$nextTick(() => {
    const height = this.$refs.element.offsetHeight; // 获取元素高度
  });
},

其中，`this.$refs.element` 是需要获取高度的元素的引用，需要在元素上添加 `ref="element"` 属性。