El nombre del objeto tiene espacios como 'Jugo de manzana', 'Jugo de naranja', entonces, ¿cómo puedo usarlo en 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>

Llamé a API y obtuve datos JSON, por lo que no puedo cambiar el nombre del objeto. Gracias.

0
Siang Kian Tan 17 jul. 2020 a las 12:53

1 respuesta

La mejor respuesta

Puede escribirlo como {{ name['Txn Group'] }} y funcionará correctamente.

0
Tommy 17 jul. 2020 a las 10:34