vue 图片 404 显示默认图片

写在前： vue中循环显示图片，报错404，未加载图片的情况下可以使用默认图片

---

 使用线上图片：

 <img :src="oneurl" alt="图片"  onerror="this.src = '线上图片地址'">

---

使用本地图片

<img :src="oneurl" alt="图片"  :onerror="errorImage">


// 图片使用require 引入
data() {
  return { 
    errorImage: ' this.src=" ' + require('../../assets/bj.png') + ' " '
  }
},

---

 修改src 的地址

<img :src="oneurl" alt="图片"  @error="onImgError">

methods: {
 onImgError() {
   console.log('图片404')
  // 修改src的值
 }
}

图片显示默认图片记录