加载失败时用默认图片替换vue图片的方法

前言

本文主要介绍vue加载图片失败时用默认图片替换的相关内容，分享给大家参考学习。下面的话就不多说了，我们来看看详细的介绍

方法如下

原则是将错误事件绑定到img并替换原始src地址。

首先，在数据中创建一个缺省值，该值是缺省图片的地址；

将此属性绑定到html页面的img标记上

所以设置了默认图片；

这样做的好处是可以提升用户体验，图片的alt属性是图片显示失败后出现的文字，如下图所示，但是用户体验不高；

就像后台管理系统，如果是这样或者有默认的封面，会觉得很舒服；

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。