Vue使用提前放进tomcat中的图片,图片内容变化但链接不变的情况下怎么定时刷新?

就比如这个图片是放在了springboot内置的tomcat里,不断被覆盖但图片名称不变

img

vue里用el-image组件展示,现在需要我手动f5刷新组件展示的图片才会改变,设置了个定时器,但不知道里面内容写什么才会触发这个组件更新。

img

我的页面是有6个vue页面直接全放在一块同时都显示出来,右下角那个6是用来展示图片的,想过只定时刷新这个Vue页面但不知道怎么实现

img

给image绑定一个key,每个一定时间更新key,并且把key带到图片src后面,防止加载缓存图片;

可以在获取图片url后面加上时间戳,避免使用缓存图片
gg: function (g) {
return g + '?t=' + new Date().getTime()
}

搜一下Vue生命周期?看里面是否又解决办法

可以去看下异步加载图片