通过import引入图片，defaultImg变量就是默认图片， 在vue变量的 ...

单图： src="abc.JPG" onerror="this.src='default.JPG'" /> 多图： class='img' src="abc.JPG" onerror="this.src='default.JPG'" /> < ...

在文件中的img那里添加:οnerrοr="errorImg01"，然后设置errorImg01的路径如果直接写成 errorImg01: ('../../assets/images/item_image.png')，会找不到这个图片 由于项目启动后， 图片的路径并不是我们写的路径 ...

在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默认图片。 第一种方式：使用jquery_lazyload插件实现图片懒加载。只需要在src中写上默认图片地址即可 ...

在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默认图片。 第一种方式：使用jquery_lazyload插件实现图片懒加载。只需要在src中写上默认图片地址即可 ...

利用image对象的onerror事件来判断，出错则更换image对象的src为默认图片的URL。 <p>第一种情况：图片存在，正常显示 src="http://www.jb51.net/logo.gif" onerror="javascript ...

...

问题描述 在vue项目中，同样的图片，设置在img的src中能正常显示 设置在img的onerror中不能正常显示 原因 项目启动后， 图片的路径并不是我们写的路径了。 示例： 源代码： // 直接加载 src ...