img标签修改src地址，图片不刷新的问题

问题：

最近做了一个后台管理系统，遇到了这样一个问题。
编辑表格中商品的数据，上传了新的图片，但是商品图片还是原来那一张，没有修改成功，需要刷新浏览器才能展示修改后的图片。
这是表格中原本的图片：

编辑后的图片：

修改成功后图片没有显示修改后的图片：

问题的根源：

浏览器会根据图片的URL来决定是否重新请求图片或者使用缓存中的版本。当图片的URL保持不变时，浏览器会倾向于使用已经缓存的旧版本，而不会去服务器重新获取新的图片内容。

解决办法：

亲测有用！！！！！
添加时间戳，为了绕过浏览器的缓存机制，最简单的方法之一是在图片的URL上添加一个时间戳或随机参数。这将使每次请求都看起来像一个不同的URL，从而迫使浏览器重新加载图片。

<img :src="'your-image-url.jpg?' + Date.now()">

原文：方法来源此博客，可以一起共同学习～