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>