为什么trim（）不能删除Vue应用程序中的前导空格？

Question

我正在使用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>

我在做什么错了？

Answer 1

更改

['owf owf-',iconCode[0]]

到

['owf owf-'+iconCode[0]]

所以,至+

trim()工作正常，但是当您使用,时，您向数组添加了2个项目，而vue添加了2个类

owf owf-和500之间有空格。