如果 v-for 中带空格的数组的对象名

Posted 2023-02-16

【中文标题】如果 v-for 中带空格的数组的对象名

【英文标题】：If the object name of array with space in v-for

【发布时间】：2020-11-07 02:46:10

【问题描述】：

对象名称有空格，如'Apple Juice'，'Orange Juice'，那么如何在v-for中使用它？

<div id="box" v-if="!loading">
  <table>
    <thead>
      <tr>
        <th>Name</th>
        <th>Total Sales</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="name in Beverage" v-bind:key="name">
        <td>name.Txn Group</td> //error
        <td>name.TotalSales</td>
      </tr>
    </tbody>
  </table>
</div>

我调用 API 并获取 JSON 数据，所以我无法更改对象名称。 谢谢。

【参考方案1】：

你可以像 name['Txn Group'] 这样写，它会正常工作的。