这个问题可能不是 vue 特有的，但这里...
我正在搜索一些项目并从数据库中检索它们，每个项目都有一个唯一的名称，我用它来从外部站点加载它们的图像，例如:
<img :src="'https://external-site.com/photos/' + item.name + '.jpg'" />
每当我搜索第一个项目时，它都会返回该项目及其图像和详细信息。但是每当我搜索第二个项目时，它都会返回正确的详细信息，但会使用最后一个项目的缓存图像，直到它自己的图像加载完毕。
我决定在图片开始加载之前使用一些事件来显示加载程序，但我只发现有三个特定于图片的事件:onabort、onerror, 加载。
但是我需要一个事件来在下载图像开始时显示加载程序。如果没有，是否有其他方法可以解决此问题？
最佳答案
破坏缓存的一个常见技巧是向您的 url 添加一个无害的、不断变化的参数，例如时间戳:
<img :src="'https://external-site.com/photos/' + item.name + '.jpg?x=' + Date.now()" />
参数不应干扰对图像的访问，但浏览器不会假定 url 相同。
关于javascript - vue的图片加载问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53804099/