Uniapp中image的@load不触发问题

load 事件不触发的常见情况有以下几种:

1. 图片缓存命中

   当图片从浏览器缓存中加载时,load 事件通常不会被触发。这是因为浏览器认为这个图片已经成功加载过了,所以不会再次触发 load 事件。

2. 图片地址未发生变化

   如果 image 组件的 src 属性值没有发生变化,即使图片是从网络上加载的,load 事件也不会被触发。这是因为浏览器认为这个图片已经成功加载过了,所以不会再次触发 load 事件。

解决方案

很简单 在图片容器上面加一个唯一的key就行了 用时间戳就行了

 

	<image :src="item.url " :key="Date.now()" @load="(e) => loadLightbox(e, index)" />