如果 v-for 中带空格的数组的对象名
Posted
技术标签:
【中文标题】如果 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']
这样写,它会正常工作的。
【讨论】:
以上是关于如果 v-for 中带空格的数组的对象名的主要内容,如果未能解决你的问题,请参考以下文章