Vue中错误图片的处理的实现代码

在一个Vue的PC项目中,要求给错误图片不要让它显示丑陋的图片,就要给图片写一个失败后的默认图片, 在这里写了两种方法, 第一种方法,也就是百度到的最多的代码,就是给一张图片一个默认值。 第二种问题,如果页面中有很多地方都存在这个东西,那么在不同的页面中写很对是很麻烦的。 就使用到了VUe的指令。 这里分为了两种情况, 一种是直接加载默认图片,等图片加载完成之后再使用加载完成的图片 。 代码如下 // 如果自定义指令多的话,再重新开启一个文件专门写自定义指令 太乱了 //全局注册自定义指令,用于判断当前图片是否能够加载成功,可以加载成功则赋值为img的src属性,否则使用默认图片 //