u-index-item-${id}"
class="[u-index-item-${id}]"
><slot />
</view>
<!-- #ifdef APP-NVUE -->
</cell>
<!-- #endif -->
</template>
const ref = this.$refs['u-index-item']
dom.getComponentRect(ref, res => {
resolve(res.size)
})
jion
- 发布：2022-09-01 09:03
- 更新：2023-03-09 21:56
- 阅读：668
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.15
手机系统： Android
手机系统版本号： Android 12
手机机型： 荣耀play5
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
<template>
<!-- #ifdef APP-NVUE -->
<cell ref="u-index-item">
<!-- #endif -->
<view
class="u-index-item"
id="
<slot />
</view>
<!-- #ifdef APP-NVUE -->
</cell>
<!-- #endif -->
</template>
const ref = this.$refs['u-index-item']
dom.getComponentRect(ref, res => {
resolve(res.size)
})
<slot />
</view>
<!-- #ifdef APP-NVUE -->
</cell>
<!-- #endif -->
</template>
const ref = this.$refs['u-index-item']
dom.getComponentRect(ref, res => {
resolve(res.size)
})
操作步骤：
如截图
如截图
预期结果：
可以都获取到
可以都获取到
实际结果：
不在可视区域内无法获取到
不在可视区域内无法获取到
bug描述：
getComponentRect 获取list 里面的cell的宽度，高度，top等失效；备注这个cell 不在可视区域内，在可视区域内可以获取到，这个跟cell的回收机制有关？
jion (作者)
https://ext.dcloud.net.cn/plugin?id=1593
请导入这个的实例项目，然后再截图这边位置打印top和height值，最后点击第二张截图那个组件，就会发现
jion (作者)
请看下面的说明
2022-09-05 08:50