Vue-img图片加载失败时显示默认图片

在我们平时项目的开发过程中，经常会做展示网络图片的需求，但是由于网络等各种原因导致图片加载失败，无法展示出来，UI会给到我们一张默认图片来占位，通常我的处理方式如下:

// 图片
<img class="person-header" :src="netImg" :onerror="defaultImgae" alt="" >

// 默认图片
 data() {
    return {
      // 默认图片地址
      defaultImgae:
        'this.src="' + require("./image/default.png") + '"',
  }
}

希望能够帮到你！！！