一张mode为widthFix的图片，需要计算渲染后的高度
经测试，当图片触发@load并不表示图片已被渲染，不知道是bug还是我监听图片load方法是错误的?
const query = uni.createSelectorQuery().in(this);
query
.select('#image')
.boundingClientRect((data) => {
_this.imageHeight = data.height+'px';
console.log(_this.imageHeight) 这里取到的图片高度大概率是0，说明图片还未被渲染，有时候能取到高度
})
.exec();
直接在回调中打印图片高度没有问题，所以排查你下面的代码逻辑看看哪有问题吧
calHeight(event) {
console.log(event.detail.height);
}jjhjiyu (作者)
第一种情况{"height":183.39999389648438,"right":393,"bottom":340.2361145019531,"width":393,"left":0,"top":156.8361053466797,"id":"image","dataset":{}}
第二种情况
{"height":0,"right":393,"bottom":156.8361053466797,"width":393,"left":0,"top":156.8361053466797,"id":"image","dataset":{}}
同一张图片打印出来的，不是逻辑问题吧，@load确实在图片渲染之前就触发了
2021-04-16 16:20
jjhjiyu (作者)
我需要取到图片的真实高度，然后赋值给swiper，否则图片过高的时候swiper不会被撑开
如果你没测到0的情况，把app杀死在打开，我测试机是红米note7，iOS是iphoneX都有这种情况出现，我有打印在控制台，取到的确实是0
2021-04-16 16:27
nvue 页面图片下载完后就会触发 load 事件，同时触发重新排版，两个都是异步的，在load事件中获取 image组件的高度会存在获取不到的情况，可以在 load 中拿到图片的原始宽高算出 image 组件布局后的真实高度，暂时可以这么处理一下，
另外 vue 页面不存在这个问题
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
jjhjiyu (作者)
nvue页面出现这个问题，vue页面我没测，demo已提供，请查收
2021-04-16 14:40
jjhjiyu (作者)
还有有时候图片会消失，直接加载不出来，反复运行工程，一定要杀死app再重进才能复现
2021-04-16 14:52