请查看附件
// 页面
<uni-cell v-for="(item, index) of list" :key="index">
<common-goods class="common-goods" :good-item="item" />
</uni-cell>
// common-goods 组件
<view class="common-goods" @tap="onClickGoods" @appear="onAppear">
<view class="goods-item goods-item__img">
<!-- 未加载图片时的默认占位图背景图 -->
<image class="goods-img__lazy" src="/static/images/lazyload-img_360.jpg" alt="GoodsImg"></image>
<!-- 数据图片 -->
<image class="goods-img" :src="goodItem.prodImage" alt="GoodsImg" v-if="imageShow"></image>
</view>
</view>
data () {
return {
imageShow: false
}
}
methods: {
onAppear () {
this.imageShow = true
}
}
雨夜敬清秋 (作者)
上传了图片，你看一下，可能复现起来有些难度，我也没找到绝对复现的方法，但是确实时好时坏的，有时切到后台再切回前台，图片又显示了，有时关闭wifi用流量又显示了，都是nvue页面
2020-03-03 15:49
雨夜敬清秋 (作者)
应该和 appear：用于监听子组件出现事件（一般绑定于子组件之上例如：监听最后一个元素出现，加载新的数据）这个事件有关，没用这个之前好好的，用了之后，就出现了这样的症状
2020-03-03 16:13
雨夜敬清秋 (作者)
我使用 appear 这个事件来处理 nvue 页面 list 组件或者 waterfall 组件里的 image 懒加载的问题
2020-03-03 16:14
DCloud_uniCloud_WYQ
回复 雨夜敬清秋: 你的懒加载怎么写的，我看下代码
2020-03-03 16:18
雨夜敬清秋 (作者)
回复 DCloud_uniCloud_WYQ: 确实不好复现，这才是最头疼的
2020-03-03 16:20
雨夜敬清秋 (作者)
回复 DCloud_uniCloud_WYQ: 更新了代码部分，你看一下
2020-03-03 16:26
DCloud_uniCloud_WYQ
回复 雨夜敬清秋: 你可以把这个imageShow输出到页面看看，是不是图片不显示的时候这个值有问题
2020-03-03 17:28
雨夜敬清秋 (作者)
回复 DCloud_uniCloud_WYQ: 我试试
2020-03-03 17:29
雨夜敬清秋 (作者)
回复 DCloud_uniCloud_WYQ: 值没有问题
2020-03-03 17:56
雨夜敬清秋 (作者)
回复 DCloud_uniCloud_WYQ: 大图会不会影响nvue的渲染？300kb-500kb的图
2020-03-03 18:45
DCloud_uniCloud_WYQ
回复 雨夜敬清秋: 图多了应该是有影响的
2020-03-03 21:45