img标签的onerror事件失效
imgUrl 为存储图片地址的变量,利用 onerror 事件,当图片加载失败时,执行 onerror 事件加载一张默认图片,其代码如下:
<img :src="imgUrl" :onerror="errorDefaultImg" />
errorDefaultImg 存储图片加载失败时,默认执行的指令如下:
errorDefaultImg:'this.src="' + require("img/xxx.png") + '"'
当 imgUrl路径不存在时,触发 onerror,显示默认图片路径
问题:实际上当 imgUrl 为 null 时,不会触发 onerror,无法显示默认图片
解决方法:此时需要将 null 修改为空字符串
<img :src="imgUrl + ''" :onerror="errorDefaultImg" />
成功!