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

