Javascript 打开天气Api（显示天气图标）

大家好，再次回到你们的社区。我正在玩OpenWeatherAPI，我正在构建一个简单的天气应用程序。我有一个问题，我不能显示每个城市的天气状况图标

我在一个新的数组中推送了每个图标id，我试图使用url显示它，但运气不好

有什么建议吗？谢谢

var app=新的Vue{ el:应用程序， 数据：{ 测试：[]， 图像：[]， 新阵列：[]， 信息：， 网址：， }, 创建：函数{ 这是getData； 这就是城市； }, 方法：{ getData:函数{ 变量fetchConfig= Fetchhttps://api.myjson.com/bins/i8run, { 方法：获取， 标题：新标题{} }.功能反应{ 如果回答是肯定的{ return response.json； } }.json函数{ console.logMy json，json app.test=json.list； console.logapp.test； app.pushAnArr； } .catchfunction错误{ console.logerror； } }, 城市：功能{ 变量fetchConfig= Fetchhttps://pixabay.com/api/?key=10772849-8270b213e517e422b036ea0fd&q=城市{ 方法：获取， 标题：新标题{} }.功能反应{ 如果回答是肯定的{ return response.json； } }.json函数{ console.logMy json，json app.image=json.hits； console.logapp.image； } .catchfunction错误{ console.logerror； } }, 普沙纳函数{ forvar i=0；i不能在属性中使用卷曲{{item}}

使用：

var app=新的Vue{ el:应用程序， 数据：{ 测试：[]， 图像：[]， 新阵列：[]， 信息：， 网址：， }, 创建：函数{ 这是getData； 这就是城市； }, 方法：{ getData:函数{ 变量fetchConfig= Fetchhttps://api.myjson.com/bins/i8run, { 方法：获取， 标题：新标题{} }.功能反应{ 如果回答是肯定的{ return response.json； } }.json函数{ console.logMy json，json app.test=json.list； console.logapp.test； app.pushAnArr； } .catchfunction错误{ console.logerror； } }, 城市：功能{ 变量fetchConfig= Fetchhttps://pixabay.com/api/?key=10772849-8270b213e517e422b036ea0fd&q=城市{ 方法：获取， 标题：新标题{} }.功能反应{ 如果回答是肯定的{ return response.json； } }.json函数{ console.logMy json，json app.image=json.hits； console.logapp.image； } .catchfunction错误{ console.logerror； } }, 普沙纳函数{

---

forvar i=0；您正在使用静态URLhttp://openweathermap.org/img/w/item.png 每一次。也许你也想把你的{{item}}占位符放在那里的某个地方…？你肯定是想显示src=，不是吗？非常感谢。我的代码中没有使用{{}只是一种测试，你的解决方案是有效的：

<img v-bind:src="'http://openweathermap.org/img/w/' + item + '.png' "  />