vue图片加载失败 空白页的解决方案@error函数
原创
@error函数
vue项目中 img标签加载失败(404)方法，@error事件。
也可以用于项目中空白页的研发。
img标签中有一个onerror事件。是当引用的src属性获取不到图片，或者网络错误导致无法正常显示src属性的图片时，显示的提示错误图片或者是可以代替的万能图片。
@error就是onerror。
如何使用？
在这里插入图片描述
html代码：
<img
:src="item.imageUrl"
class=""
@error="imgError"
/>JavaScript代码：
imgError(e) {
e.srcElement.src = require("图片地址");
},可能出现的问题
碎片图标反复闪烁
imgError(e) {
e.srcElement.src = require("图片地址");
e.srcElement.onerror=null;
},原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
