Vue中图片img加载问题

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

阅读 3.8k
4 个回答

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

新手上路,请多包涵

:οnerrοr=“defaultImg”

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题