<scroll-view class="recommendBox mt20 lwbox" :show-scrollbar="false" scroll-x="true"
@scroll="recommendscroll" scroll-left="0">
<view @click="recommendFun(item)" class="recommendItem" v-for="(item, index) in recommendList" :key="item.id">
<view class="recommendImage">
<image v-if="item.image" class="ub-fh ub-fv" :src="item.image" />
</view>
<view class="mt5">
<text class="el-1 fs24">{{ item.name }}</text>
</view>
</view>
</scroll-view>
4***@qq.com
- 发布：2021-09-28 17:33
- 更新：2021-09-29 11:30
- 阅读：248
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.2.9
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 小米9P
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
在nvue写循环线上获取的图片
在nvue写循环线上获取的图片
预期结果：
加载出来
加载出来
实际结果：
偶尔空白，
偶尔空白，
bug描述：
循环图片的时候，有时候不显示，调试代码显示 图片为none
手动刷新，多次出现这个问题
4***@qq.com (作者)
<scroll-view class="recommendBox mt20 lwbox" :show-scrollbar="false" scroll-x="true"
@scroll="recommendscroll" scroll-left="0">
<view @click="recommendFun(item)" class="recommendItem" v-for="(item, index) in recommendList" :key="item.id">
<view class="recommendImage">
<image v-if="item.image" class="ub-fh ub-fv" :src="item.image" />
</view>
<view class="mt5">
<text class="el-1 fs24">{{ item.name }}</text>
</view>
</view>
</scroll-view>