文章/答案/技术大牛

发布

社区首页 >问答首页 >在Vue中在Tabs中迭代对象

问在Vue中在Tabs中迭代对象
EN

Stack Overflow用户

提问于 2020-07-24 05:19:26

回答 1查看 427关注 0票数 1

我试图在我的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'}
}

回答已采纳

发布于 2020-07-24 05:38:01

试试看

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63067300

复制

相似问题

问在Vue中在Tabs中迭代对象EN