Vue 图片加载失败处理(elementUI+uniApp)

1.Vue img标签自带@error事件

//图片损毁时触发
imgOnError(e) {
  e.target.src = 'xxxx';
  //控制不要一直跳动
  e.target.onerror = null;
}

2.elementUI使用el-image标签自带加载失败功能

// 自定义内容
<el-image>
  <div slot="error" class="image-slot">
    <i class="el-icon-picture-outline"></i>
  </div>
</el-image>

3.uniApp使用image标签自带@error事件

error(index) {
    this.$set(this.srcBox, index, 'xxx');
}

...