vue，img设置请求失败时显示默认的图片

1.你的目的是没有图片展示默认图片？

<img :src="item.file.url?item.file.url:defaultUrl" alt="" width="80px" height="80px"/>；

2.你的目的是图片加载失败时才展示默认图片？

<img :src="item.file.url" alt="" width="80px" height="80px" @error="loadErrorFun(item.index)" /> //注意：index是v-for的参数。

loadErrorFun(index){
    this.listData[index].item.file.url = defaultUrl;
    this.$forceUpdate();
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容