javascript - 为什么 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，中间有空格。