- 会员用户或者余额充足用户 频率创作就会复现
1***@qq.com
- 发布：2024-08-06 16:44
- 更新：2024-08-06 18:13
- 阅读：205
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 4.24
手机系统： Android
手机系统版本号： Android 15
手机厂商： 华为
手机机型： nova5 nova11 nova5i
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
App下载地址或H5⽹址： 可以提供二维码 私聊我的qq邮箱 1162574925@qq.com
操作步骤：
预期结果：
- 每个图片显示该显示的内容
- 每个图片显示该显示的内容
实际结果：
有重复渲染和空白的情况
有重复渲染和空白的情况
bug描述：
<view class="itemImg" v-if="item.status === 'done'">
<lazy-image
:width="'120rpx'"
:height="'120rpx'"
:radius="'36rpx'"
@lazyImgClick="changeImgPop(item.id )"
class="img"
:src="item.result_json[0].path"
:mode="'aspectFill'"
/>
</view>
....
// lazy-image 是自己封装的组件
<view class="imgAnOp" @click="$u.throttle(lazyImgClick, 1000)">
<image
class="img"
:src="loading ? loadingSrc : src"
:mode="mode"
:style="{
borderRadius: $u.addUnit(radius),
width: $u.addUnit(width),
height: $u.addUnit(height),
marginRight:$u.addUnit(marginRight)
}"
@load="imgLoad"
/>
</view>调试过程：每个图片容器上加了各自的id 点击id会触发弹框 弹框内容是item.result_json[0].path 远程地址
很明显 id为377 375的图片地址是不一样的 但是渲染出来是一个图片 ，重新刷接口 都没用
只能重启app 希望官方尽快修复
1***@qq.com (作者)
https://ly-sys-image.oss-cn-beijing.aliyuncs.com/img/uploads/api/202408/autodl-container-accb47a5c7-da37ad5e-1722915578-a97f2fba-2b55-44fa-8614-02f2600042e71722915578-ComfyUI00239.png.png
2024-08-07 16:06
1***@qq.com (作者)
https://ly-sys-image.oss-cn-beijing.aliyuncs.com/img/uploads/api/202408/autodl-container-accb47a5c7-da37ad5e-1722915579-a97f2fba-2b55-44fa-8614-02f2600042e71722915579-ComfyUI00240.png.png
2024-08-07 16:07
1***@qq.com (作者)
请问一下 如果页面image组件 频繁的被创建 就会有这种情况出现 空白 或者错位 但是网络地址都是对的 这种情况有什么优化空间吗 用户体验实在是很差 image频繁被创建时因为我们这边app创作任务 后台会返回来一组远程图片地址
2024-08-07 16:09
DCloud_UNI_yuhe
回复 1***@qq.com: 你可以把image封装成为组件，然后打印组件的生命周期，通过组件周期看一下，失败的情况下有什么共同特征，针对这个现象进行优化
2024-08-07 16:43