场景
图片加载不出 出现图片断裂时不美观 给个默认图片
img.png
<div class="v-i-img" @click="toVideo(item.VideoObjectID)">
<img v-if="item.Cover" :src="`${item.Cover}?x-oss-process=image/resize,m_lfit,w_240`" :onerror="imgLoadError(item)" />
<img v-else src="@/assets/video/video-img.png">
</div>
imgLoadError(item) {
item.Cover = ''
},
img标签中有一个onerror事件。是当我引用的src属性获取不到图片或者网络错误导致无法正常显示我src属性的...
场景图片加载不出 出现图片断裂时不美观 给个默认图片
img标签的onerror事件应用 适用场景：img标签中的src图片加载失败，原来的图片位置会出现一个碎片图标，...
有时，img标签中的src图片，图片不存在或者加载失败时，原来的图片位置会出现一个碎片图标，影响用户体验度，如何能...
#情景分析： 有时，img标签中的src图片加载失败，原来的图片位置会出现一个碎片图标，这样让人很不爽，如何变得美...
img标签中的src图片加载失败，原来的图片位置会出现一个碎片图标，用户体验会下降。 通过百度，可以给img标签加...
img标签src加载图片，如果src加载失败，触发onerror事件加载一张默认图片； 如果onerror也加载失...
微信小程序中img标签不支持onerror事件，但是我希望当img加载图片失败的时候有一个加载默认图片的效果。 解...
PS:以下只是个人处理方式进行记录 处理方式概述：可以借用img标签的onerror事件，通过自定义指令进行赋值
[代码]img标签src对应的图片不存在，显示一个默认的onerror="this.src='img/defaul...
本文标题：img标签中的 onerror事件
本文链接：https://www.haomeiwen.com/subject/qfzbzktx.html
网友评论