Vue 和 img src 没有反应，因为 URL 没有改变（Geoserver getLegendGraphic）答案

【问题标题】：Vue and img src not reactive since URL does not change (Geoserver getLegendGraphic)Vue 和 img src 没有反应，因为 URL 没有改变（Geoserver getLegendGraphic）
【发布时间】：2019-12-26 06:50:07
【问题描述】：

我有一个关于图像的 src 属性没有反应的情况。问题是我为我的 Geoserver 地图创建了一个图例 div，并根据我在地图中加载的 WMS 图层填充了图例。为了在我的图例 div 中显示图例图标，我使用 GeoServer getLegendGraphic 请求，如下所示：

<img src="http://localhost:8080/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=myworkspace:mylayer">

图标很好地出现在图例中。问题是我的应用程序中有一个功能允许用户更改 GeoServer 图层的样式。所以现在，我需要 src 属性再次发出请求，以便它在图例中获得新的图标图像。但是，因为 URL 是相同的（只是响应会不同），所以我不能让它成为响应式的。

我该如何克服这个问题？

【问题讨论】：

标签： src geoserver

【解决方案1】：

我解决了它在 URL 中添加一个带有随机值的参数，因此 URL 可能不同且反应性强。

"http://localhost:8080/geoserver/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=myworkspace:mylayer" + "&myData:" + Math.random()

【讨论】：

抱歉你的问题不应该包含vue.js标签