vue图片加载失败的图片

1.vue图片加载失败的图片

这个问题发生在测试环境和开发本地，线上环境是可以的，测试环境估计被第三方屏蔽了

2.图片有，却加载不出来

<template v-slot:imageUrlsSlots="{ row }"><div class="flexRow rowCenter"><img :src="row.incrementInfo[0].imageUrls[0]" @error="onImageError" alt="加载失败" style="width: 80px; height: 60px; cursor: pointer;"></div></template>

 methods: {// 处理图片加载失败的逻辑onImageError(event) {event.target.src = 'path/to/default/image.jpg';  // 替换为默认图片// event.target.src = require('@/assets/images/4411.png'); 这里也可以使用require导入图片}}

3.处理完就是这样的了，比直接加载不出来要好一点