- 发布：2026-06-16 18:55
- 更新：2026-06-16 18:56
- 阅读：31
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： w11 (KB5094126) (26200.8655)
HBuilderX类型： Alpha
HBuilderX版本号： 5.13
手机系统： 全部
手机厂商： 华为
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
const getFlexNodeInfo = () => {
uni.createSelectorQuery().select('.flex-box').boundingClientRect().exec((ret) => {
// exec 回调返回的是数组，先转为 NodeInfo[]
const nodeInfoArray = ret as NodeInfo[]
if (nodeInfoArray.length > 0) {
const nodeInfo = nodeInfoArray[0]
console.log(nodeInfo.width, nodeInfo.height)
}
})
}
onReady(() => {
console.log("onReady")
nextTick(() => {
console.log("onReady-nextTick")
getFlexNodeInfo()
})
})<view style="flex-direction: column;height:100%;">
<view style="height:80rpx"></view>
<view style="flex:1" class="flex-box"></view>
</view>
const getFlexNodeInfo = () => {
uni.createSelectorQuery().select('.flex-box').boundingClientRect().exec((ret) => {
// exec 回调返回的是数组，先转为 NodeInfo[]
const nodeInfoArray = ret as NodeInfo[]
if (nodeInfoArray.length > 0) {
const nodeInfo = nodeInfoArray[0]
console.log(nodeInfo.width, nodeInfo.height)
}
})
}
onReady(() => {
console.log("onReady")
nextTick(() => {
console.log("onReady-nextTick")
getFlexNodeInfo()
})
})<view style="flex-direction: column;height:100%;">
<view style="height:80rpx"></view>
<view style="flex:1" class="flex-box"></view>
</view>
操作步骤：
const getFlexNodeInfo = () => {
uni.createSelectorQuery().select('.flex-box').boundingClientRect().exec((ret) => {
// exec 回调返回的是数组，先转为 NodeInfo[]
const nodeInfoArray = ret as NodeInfo[]
if (nodeInfoArray.length > 0) {
const nodeInfo = nodeInfoArray[0]
console.log(nodeInfo.width, nodeInfo.height)
}
})
}
onReady(() => {
console.log("onReady")
nextTick(() => {
console.log("onReady-nextTick")
getFlexNodeInfo()
})
})<view style="flex-direction: column;height:100%;">
<view style="height:80rpx"></view>
<view style="flex:1" class="flex-box"></view>
</view>
const getFlexNodeInfo = () => {
uni.createSelectorQuery().select('.flex-box').boundingClientRect().exec((ret) => {
// exec 回调返回的是数组，先转为 NodeInfo[]
const nodeInfoArray = ret as NodeInfo[]
if (nodeInfoArray.length > 0) {
const nodeInfo = nodeInfoArray[0]
console.log(nodeInfo.width, nodeInfo.height)
}
})
}
onReady(() => {
console.log("onReady")
nextTick(() => {
console.log("onReady-nextTick")
getFlexNodeInfo()
})
})<view style="flex-direction: column;height:100%;">
<view style="height:80rpx"></view>
<view style="flex:1" class="flex-box"></view>
</view>
预期结果：
可以正常解析
可以正常解析
实际结果：
无法正确获得数据
无法正确获得数据
bug描述：
uni.createSelectorQuery().select() uniapp-x 在onReady生命周期 无法正确返回值
1 个回复
Ask小助手 - Ask社区AI助手
感谢你的 bug 反馈，我已经仔细审查了你提供的内容。
反馈内容评审：
反馈内容整体结构清晰，包含了问题描述、环境信息、代码示例和预期/实际结果。不过，在内容和细节上，有一些地方可以优化，以帮助我们更快地定位和解决问题：
代码示例的完整性：提供的代码示例结合了 JavaScript 和模板，逻辑上是完整的。但有一个关键点，
uni.createSelectorQuery().select('.flex-box').boundingClientRect().exec((ret) => { ... })这种写法，回调参数ret的类型在 uni-app x (UTS) 的严格类型环境下可能存在问题。你需要将ret断言为NodeInfo[]，然后通过索引访问，这是正确的做法。不过，如果ret数组为空，nodeInfoArray[0]就会是null，后续访问其属性就会出错。建议在访问前增加数组长度的判断。环境信息：平台信息填写了“全部”，这不够精确。请务必明确问题是在哪个特定平台（Android、iOS、鸿蒙、Web、微信小程序）上复现的。不同平台的渲染机制不同，
onReady时机的行为也可能有差异。HBuilderX 版本：你使用的是
5.13Alpha 版。Alpha 版是开发中的版本，可能存在一些未修复的问题。我们建议同时验证在最新的正式版（当前为 5.07）上是否存在同样的问题，这有助于判断是 Alpha 版特有问题还是一个通用 Bug。Bug 分析与结论：
这个 Bug 不成立。 这是一个典型的对 uni-app x (UTS) 强类型语法和 API 使用方式不熟悉导致的问题，而不是框架本身的 Bug。
根据官方文档和已知问题的处理方式，你的代码存在两个核心问题：
1.
exec回调参数的类型处理不正确在 uni-app x 中，
exec方法的回调参数ret是一个any类型或需要你手动断言。你将它断言为NodeInfo[]是不准确的。根据官方文档 create-selector-query 示例，ret本身是一个数组，其元素才是根据你的查询方法（如boundingClientRect）返回的NodeInfo对象。正确的处理方式是：你之前的写法
const nodeInfoArray = ret as NodeInfo[]试图将整个结果集当作NodeInfo数组，这导致了类型错误，并且在运行时可能无法正确访问到width和height属性。相关的 ISSUE 系统反馈（#22014）也提到了类似rect.height无法解析的问题，并给出了和你问题中最终采纳的类似解决方案，即通过exec的回调接收ret数组并处理。2.
onReady生命周期与查询时机的通用问题虽然从通用知识来看，
onReady代表页面初次渲染完成，是进行节点查询的合适时机，但在 uni-app x 中，对于一些复杂的布局（如使用了flex:1的元素），其最终尺寸可能需要等待下一帧布局才能确定。你在onReady的nextTick中调用，本意是等待 DOM 更新完成，这是一个好的尝试。如果上述类型修正后，在
onReady+nextTick中仍然获取不到正确值，可以尝试以下替代方案：setTimeout添加一个短暂的延迟（如 50-100ms），以确保布局完全稳定。总结与建议：
exec回调中访问NodeInfo属性的方式。如果你按照建议修改后问题仍然存在，并且能提供一个更完整的、可以直接运行的、能够精确描述预期与实际差异的复现工程，我们将非常乐意做进一步的深入排查。感谢你的理解和支持！
要回复问题请先登录或注册
公告
更多>相关问题