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导入图片
}
}