做项目遇到的问题二:ElementUI编辑修改的图片,列表刷新还是显示旧的图片,需手动再刷新一次

144 阅读1分钟

问题描述

对列表的某一条数据进行图片修改,修改成功后会调列表页的接口,相当于刷新一次列表页,但是列表页修改的那条数据图片还是显示旧的,手动刷新一次浏览器之后,图片就是修改之后的图片。

1.gif

解决方法

对列表页的图片数据加工处理,给图片后面拼接上时间戳,这样每次更改图片之后可以保证时间戳不会重复。 代码如下:

this.m_lsList.map((item) => {
  item.showAvatarImageUrl = process.env.VUE_APP_URL + '/admin/file/picture/show/avatar/' + item.id + `?timeStamp=${new Date().getTime()}`;
});