强制重绘img元素

时间:2017-11-11 17:52:24

标签: elm virtual-dom

我的榆树应用程序让用户旋转图片:当点击屏幕上的图片时,榆树进行API调用以旋转服务器上的图片文件。接下来,我希望旋转的图像显示在浏览器中。

但是虚拟DOM完全没有改变,因为img节点具有相同的src URL。有没有办法可以强制重建img?

当然,我可以使用Keyed节点或修改我的img上的某些属性来强制重绘,但这意味着在我的模型中添加一些在旋转时修改的内容。它可能但不是很优雅。

1 个答案:

答案 0 :(得分:0)

你想要在旋转时修改某些东西:即图像。因此,当您希望轮换发生时,您将在模型中进行更改。我将API的响应增加模型中的计数器(或通过Time.now使用当前时间),然后使用基于该值的缓存清除查询参数更新图像URL。有关缓存清除查询参数的更多详细信息,请访问:Cache busting via params