在nvue页面中使用list时超出一屏的图片很容易加载失败,要怎么做,能够在加载失败后重新加载图片
1***@163.com
- 发布:2021-10-22 18:51
- 更新:2021-10-26 10:06
- 阅读:452
1 个回复
1***@163.com (作者)
已解决用image的@error="imgerr"事件
<view v-if="loading">
<image class="img" :src="errorSrc || src" @error="imgerr"></image>
</view>
在error事件给errorSrc 赋值不会重新渲染所以在外层加个 v-if="loading"
imgerr() {
this.loading = false
setTimeout(()=>{
this.errorSrc = this.src
this.loading = true
},500)
}