- 使用图片组件,mode 设置为 widthFix;
- 在任意位置获取该节点信息,高度返回一直是 240,与实际高度不符合。
- 发布:2021-03-05 08:53
- 更新:2021-03-16 10:41
- 阅读:1144
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10
浏览器平台: Chrome
浏览器版本: 88.0.4324.182
项目创建方式: CLI
CLI版本号: 4.5.7
操作步骤:
预期结果:
- 使用图片组件,mode 设置为 widthFix;
- 获取该节点信息,返回的高度信息因该与实际高度一致。
- 使用图片组件,mode 设置为 widthFix;
- 获取该节点信息,返回的高度信息因该与实际高度一致。
实际结果:
获取该节点信息,返回的高度一直为 240,与实际高度不符合。
获取该节点信息,返回的高度一直为 240,与实际高度不符合。
bug描述:
- 使用图片组件,mode 设置为 widthFix;
- 在任意位置获取该节点信息,高度返回一直是 240,与实际高度不符合。
<template>
<image
:src="require('./demo.jpg')"
mode="widthFix"
class="image"
lazy-load
></image>
</template>
<script>
export default {
mounted() {
uni
.createSelectorQuery()
.select(".image")
.boundingClientRect((data) => {
console.log(data);
})
.exec();
},
};
</script>
试试在 image 组件的 load 事件后
梦尋Junjie - 原来她有男朋友
我遇到的问题是 使用动画, 在动画缩放的时候 图片就加载出来了,但是动画完成之后 图片的尺寸是失真的,因为动画开始的第一贞 图片就已经设置好了高度, 但是 动画完成后并没有更新图片高度,
SuperPony (作者)
目前我们这边测试,mode 设置为其他的都可以获取到正确的节点信息。唯独 widthFix 不管什么样的图片,放到哪里执行,一直都是返回 height:240;能否说明一下您说的时机,是指哪里呢?
2021-03-05 16:25
SuperPony (作者)
我反馈的这个问题, 在2020 年4月份,已经有开发者反馈了,但是并没有得到反馈。 附上那位开发者反馈的帖子:https://ask.dcloud.net.cn/question/92677
2021-03-05 16:38
DCloud_UNI_GSQ
回复 SuperPony: 实际指的是加载时机,你在图像加载以前获取高度,获取的是错误的高度
2021-03-08 11:42