在 Vue 的选项卡中迭代对象

Question

我正在尝试迭代 tabs 中的对象而不是数组。我该如何迭代它？

在下面检查我的代码：

<v-tabs v-model="tab" background-color="transparent" color="basil" grow>
   <v-tab v-for="order in orders" :key="order">{{ order }}</v-tab>
</v-tabs>

JSON

orders: {
  pending: {name: 'Bag'},
  approved: {name: 'Water'},
  cancelled: {name: 'Juice'}
}

Answer 1

试一试

<v-tabs v-model="tab" background-color="transparent" color="basil" grow>
   <v-tab v-for="(order,i) in orders" :key="i">{{ order }}</v-tab>
</v-tabs>