问题:<img/>多个图片循环,会有随机加载失败的情况
解决:
1.当图片加载失败时,使用error.once 指令,调用一个回调函数:
<div v-for='item in imgList'>
<img
@error.once="useDefaultImage"
class="classModel_imgs"
:src="item.img"
/>
</div>
2.在当前函数中,将当前目标图片重新赋值、加载;
const useDefaultImage = (event) => {
event.target.src = event.target.currentSrc;
};
以上,该加载失败的图片就会重新加载并渲染。
希望可以帮到大家。