H5W3
当前位置:H5W3 > 问答 > 正文

Vue中图片img加载问题

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

回答

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

:οnerrοr=“defaultImg”

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

未经允许不得转载:H5W3 » Vue中图片img加载问题

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址