Vue.js 在Vue的选项卡中迭代对象

Vue.js 在Vue的选项卡中迭代对象,vue.js,ecmascript-6,vuetify.js,Vue.js,Ecmascript 6,Vuetify.js,我试图在我的选项卡中迭代对象而不是数组。我如何迭代它 检查下面的我的代码: <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 v-model="tab" background-color="transparent" color="basil" grow>
   <v-tab v-for="order in orders" :key="order">{{ order }}</v-tab>
</v-tabs>
试一试

<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>

{{order}}

不要将对象和数组等非基本值用作v-for键。改用字符串或数字值
<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>