手机版

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

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

前言

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

方法如下

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

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

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

所以设置了默认图片;

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

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

摘要

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

版权声明:加载失败时用默认图片替换vue图片的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。