vue项目中修改＜img /＞标签加载失败默认图片显示

当<img />标签中的图片加载不成功的时候，可以使用onerror事件替换默认的错误图标。

 <img
       :src="thumbnailUrl"
        alt=" "
        height="130"
        width="130"
        style="border: none;"
        :onerror="defaultErrorImageSrc"	
	/>

这里使用require是因为使用了webpack打包，图片在打包编译的时候重新命名了，直接使用路径获取拿到的图片src是不存在的，又因为使用了onerror事件，所以控制器会一直循坏报错，导致死循环。

// 在data中自定义变量
 defaultErrorImageSrc: "this.src = '" + require('../src/asset/images/imageError.png') + "'",