我想通过点击图片动态更新src,代码如下:
<el-image style="width: 100px; height: 30px" :src="ImageUrl" @click="refresh" :fit="fit" />
const ImageUrl = reactive('http://localhost:9001/getImage')const refresh = ()=>{ImageUrl = 'http://localhost:9001/getImage' + Math.random()
}
却发生了错误:
修改为target.src,解决问题
<el-image style="width: 100px; height: 30px" :src="ImageUrl" @click="refresh($event)" :fit="fit" />
const refresh = (e)=>{e.target.src="http://localhost:9001/getImage?id=" + Math.random()
}
不知道为什么不能直接修改ImageUrl。
注:后来发现是reactive写法错误了,reactive是响应对象的,需要ley/value对象形式,或者修改为ref()就能直接修改了,因为url地址是字符串,而ref本来就是用于响应基础数据类型的