uni-app nvue下 image的widthfix模式,@load事件早于图片渲染触发

uni-app nvue下 image的widthfix模式,@load事件早于图片渲染触发

项目属性 信息
产品分类 uniapp/App
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 macOS Big Sur 11.1
HBuilderX类型 正式
HBuilderX版本号 3.1.9
手机系统 全部
手机厂商 华为
页面类型 nvue
打包方式 云端
项目创建方式 HBuilderX

测试过的手机

  • iphoneX
  • 小米11
  • 红米note7

示例代码

具体代码请看示例

操作步骤

安装app到手机,高度有时候取得到,有时候取不到

预期结果

[@load](/user/load)在图片渲染后触发,而不是下载后触发

实际结果

nvue 页面图片下载完后就会触发 load 事件,同时触发重新排版,两个都是异步的,在load事件中获取 image组件的高度会存在获取不到的情况

bug描述

swiper下放了image的图片,需要取到image渲染后的高度,动态给swiper设置高度,但是发现监听[@load](/user/load)取到的图片是原图高度,而不是渲染之后的高度,还有可能取到0,说明[@load](/user/load)早于图片渲染触发

download


更多关于uni-app nvue下 image的widthfix模式,@load事件早于图片渲染触发的实战教程也可以访问 https://www.itying.com/category-93-b0.html

回到顶部