uni-app跨端需用uni.createselectorquery()异步查高度，mounted中查不到因dom未渲染完成，应放onready或$nexttick中；boundingclientrect()不包含margin，需手动补全；封装promise版函数更易维护。
不能直接用 offsetHeight 或 getBoundingClientRect() 拿到准确值，uni-app 跨端（尤其小程序）没有真实 DOM，必须走 uni.createSelectorQuery() 这套异步查询机制。
为什么 mounted 里查不到元素？
uni-app 的 mounted 不代表 DOM 已渲染完成，尤其是带 v-if、异步数据、条件 class 的节点，querySelector 返回 null 是常态。真机或小程序调试时更明显。
- 必须用
this.$nextTick()包一层，确保虚拟 DOM 已更新、真实节点已插入 - 更稳妥的做法是放在
onReady生命周期里调用——它专为“页面首次渲染完成”而设 - 如果元素在子组件里，要用
query.in(this)绑定作用域，否则查不到
boundingClientRect() 返回的高度不等于你看到的视觉高度？
boundingClientRect() 返回的 height 是 content + padding + border，但不包含 margin；如果你加了 padding: 20px，它算进去了，但加了 margin-top: 10px，它就完全忽略——这会导致你按返回值做布局时出现白边或错位。
- 需要视觉总高度（含 margin），得手动补：用
getComputedStyle拿marginTop/marginBottom，再加到rect.height上 - 但注意：
getComputedStyle在小程序平台不可用，只能在 H5 环境下 fallback 使用 - 更通用的方案是：把 padding/margin 拆到父容器上，让目标元素自身只负责 content 区域
如何写一个可复用的获取高度函数？
别每次手写 exec() + 回调，封装成 Promise 更易维护，也方便配合 async/await。
function getElementHeight(selector, context = null) {
return new Promise((resolve, reject) => {
const query = uni.createSelectorQuery()
const target = context ? query.in(context).select(selector) : query.select(selector)
target.boundingClientRect(res => {
if (res && res.height > 0) {
resolve(res.height)
} else {
reject(new Error(`无法获取 ${selector} 高度：${JSON.stringify(res)}`))
}
}).exec()
})
}
- 调用时记得等
$nextTick或在onReady里执行：await this.$nextTick(); const h = await getElementHeight('.my-box') - 选择器只支持
.class、#id、.parent > .child，不支持空格后代（如.a .b），会静默失败 - 频繁调用（比如 scroll 中）会卡顿，建议加防抖或缓存结果
最常被忽略的一点：真机调试一定要用 boundingClientRect()，别信 H5 下 this.$refs.xxx.$el.offsetHeight 的值——那套在小程序里根本跑不通，连 $el 都可能是 undefined。
