vue中如何实现图片不存在时显示一个默认的图片

这个需要在开发当中经常会出现，我自己也走了很多弯路，在网上搜到的答案都是：

data() {
    return {
      defaultIcon: 'this.src="' + require('../../assets/student/Main/icon/portrait.png') + '"' 
    };

上面的方法试过了还是不行，我用的是一下的这种方法：

data() {
    return {
      defaultIcon:require('../../assets/student/Main/icon/portrait.png') 
    };

上面img标签src里直接写默认图片的相对路径名是显示不出来的，因为这个时候

image.png

上图里面的资源并没有以上的图片资源，我们要用require请求图片资源再放到src中。