图片名称不变,值更改了,但是图片不更新

一、问题原因

浏览器的缓存机制,图片的内容更改了,浏览器中的img标签没有监测到src属性的更改,用的就还是之前的缓存

二、解决方案

在修改img是src属性的时候,添加一个随机数即可,让浏览器以为每次请求的图片路径都不同
注意,添加的随机数前要加一个问号

this.imgSrc =BASE_URL + response.imageName + "?" + Math.random();
// response.imageName是从后台接到的数据

你可能感兴趣的:(VUE项目中遇到的问题,vue.js,前端,javascript)