Vue项目，当图片加载错误时，用默认图片代替

转自：http://blog.csdn.net/qq_32786873/article/details/70161342

使用require将图片进入，写法如下：

[html]  view plain  copy

1. data: () => ({  
2.     logo: 'this.src="' + require('../assets/img.png') + '"'  
3. })  

注：我是在data里就将字符串拼接好了，当然也可以在onerror方法里拼接，这里就不赘述了。

然后在img的onerror方法中调用：

[html]  view plain  copy

1. <img v-bind:src="userData.photo" :onerror="logo" class="img-box4">