产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.9.3
手机系统： Android
手机系统版本号： Android 11
手机厂商： 一加
手机机型： 8t
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
App下载地址或H5⽹址： *
<view :style="txtHeight>110 && showTxt? 'height:110px':'height:'+txtHeight+'px;'+showTxt?'padding-bottom:22px':''" class="txt more" ref="txt" id="txt">
<rich-text :nodes="text" style="font-size: 15px;line-height: 22px;color: #242424;"></rich-text>
</view>
let that = this;
// #ifdef APP-PLUS
const dom = weex.requireModule('dom')
const result = dom.getComponentRect(this.$refs.txt, option => {
console.log('getComponentRect:', option.size.height)
})
//#endif
*
14:40:58.629 getComponentRect:, [Number] 238.57777404785156 at pages/circle/index/circle-item.nvue:181
14:40:58.629 getComponentRect:, [Number] 238.57777404785156 at pages/circle/index/circle-item.nvue:181
14:40:58.629 getComponentRect:, [Number] 238.57777404785156 at pages/circle/index/circle-item.nvue:181
14:40:58.629 getComponentRect:, [Number] 238.57777404785156 at pages/circle/index/circle-item.nvue:181
14:40:58.629 getComponentRect:, [Number] 238.57777404785156 at pages/circle/index/circle-item.nvue:181
14:40:58.629 getComponentRect:, [Number] 238.57777404785156 at pages/circle/index/circle-item.nvue:181
14:40:58.650 getComponentRect:, [Number] 0 at pages/circle/index/circle-item.nvue:181
14:40:58.673 getComponentRect:, [Number] 0 at pages/circle/index/circle-item.nvue:181
14:40:58.692 getComponentRect:, [Number] 0 at pages/circle/index/circle-item.nvue:181
14:40:58.714 getComponentRect:, [Number] 0 at pages/circle/index/circle-item.nvue:181
14:40:58.734 getComponentRect:, [Number] 0 at pages/circle/index/circle-item.nvue:181
在nvue组件中使用getComponentRect获取元素信息，结果循环生成的组件只有第一个组件可以获取到信息
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
1***@qq.com (作者)
不是的，获取元素信息的方法是写在组件的mounted里面，所以只有一个refs.txt,是个对象来的
2021-04-05 20:19