Vue 图片加载失败, 显示默认图片
后台返回图片 访问404, 如果只用v-if , 图片没加载出来 还是会留个空位置在,给 img 加上 onerror 属性就可以了,简单粗暴, 暂时没什么问题后面找到更有效的 方法,在vue里面使用:<div class="img-box"><imgv-if="item.captureUrlFull":key="it...
·
后台返回图片 访问404, 如果只用v-if , 图片没加载出来 还是会留个空位置在,
给 img 加上 onerror 属性就可以了,简单粗暴, 暂时没什么问题
后面找到更有效的 方法,在vue里面使用:
<div class="img-box">
<img
v-if="item.captureUrlFull"
:key="item.captureUrlFull"
v-lazy="{src: item.captureUrlFull, error: '../../../static/images/touxiang.png', loading: '../../../static/images/touxiang.png'}">
<img src="../../../static/images/touxiang.png" alt v-else>
</div>
注意: 每个img要绑定 key 值,不然会出现 img的lazy加载显示的为上一张图片
更多推荐
已为社区贡献2条内容
所有评论(0)