在react(ant-design pro)项目里用Modal组件写了一个查看原图的弹窗,然后按需求又加上了左右方向键切换上一张、下一张的功能。问题出现了,监听键盘事件去修改img的src,图片压根没变化!
console一下,src变了呀!
没办法,google一通。被告知为避免缓存,需要加上随机字符。于是试试jpg后面加后缀:?+Math.random()
无效。
再试试 (new Date).getTime()。依然没反应。
好吧。我再同时改alt。问题依旧。
继续google,翻了一堆,在某github的Issues页翻到个回复
现在要加个 key
1 | <img v-lazy="img" :key="img"> |
虽然我也没用这个组件,而且我的Modal里也只有一个img,不存在一定要加key的问题。但抱着试一试的心态,加上了
key={imgName}
再试,居然好了。莫名其妙。遂记之。