我正在使用OpenWeather API和VueJS构建气象站应用程序。要设置天气图标，我使用的是owf-font，您可以通过使用API提供的代码来设置CSS类，以与FontAwesome相似的方式使用。
我将从API提取接下来的5个小时的数据，并将其存储在数组中。所以，我分配我的图标代码是这样的：
this.iconCode.push(String(response.data.list[i].weather[0].id).trim());
然后，我在模板中分配该类：
<i :class="['owf owf-',iconCode[0]]"></i>
但这表示为：
<i class="owf owf- 500"></i>
我也尝试过：
<i :class="['owf owf-',iconCode[0].trim()]"></i>
我究竟做错了什么？
最佳答案
更改
['owf owf-',iconCode[0]]
至
['owf owf-'+iconCode[0]]
所以
,到+trim()工作正常，但是当您使用,时，您向数组添加了2个项目，而vue添加了2个类owf owf-和500之间有空格。