load 事件不触发的常见情况有以下几种:
图片缓存命中
当图片从浏览器缓存中加载时,
load事件通常不会被触发。这是因为浏览器认为这个图片已经成功加载过了,所以不会再次触发load事件。图片地址未发生变化
如果
image组件的src属性值没有发生变化,即使图片是从网络上加载的,load事件也不会被触发。这是因为浏览器认为这个图片已经成功加载过了,所以不会再次触发load事件。
解决方案
很简单 在图片容器上面加一个唯一的key就行了 用时间戳就行了
<image :src="item.url " :key="Date.now()" @load="(e) => loadLightbox(e, index)" />
