Vue中图片img加载问题

Question

用的是这个，图片4个都有地址对，图片链接都不能使用，用的swiper做了4个图片，只有三个显示默认图片，另一个不显示，求解
<img onerror="this.src = 'https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1704354617,2285391646&fm=26&gp=0.jpg'">

Answer 1

图片为null或者为空，或者地址失效的时候怎么设置默认呢

Answer 2

:οnerrοr=“defaultImg”

Answer 3

单独封装个 image 或者参考 element 里面的
大体思路就是 image 组件获取到 src 后先创建一个 img 元素 const img = new Image()
然后绑定 img.onload img.onerror , onerror 里面获取默认图片
然后 img.src = src

Answer 4

onerror="this.src.." 里的 this 不是指向img