vue.js - 在 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'}
}

标签： vue.jsecmascript-6vuetify.js

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>