javascript - 如何在 v-for 中访问对象属性名称

Question

我是 vuejs 的新手。 我开始玩v2。 我的实例数据属性中有一个带有对象的简单数组:

items: [{"theProprtyName": "thePropertyValue"}]

我做简单的 v-for:

<v-list>
    <v-list-item v-for="item in items">
        <span v-for="(key, value) in map">
            {{key}}--{{value}}
        </span>
    </v-list-item>
</v-list>

呈现:

theProprtyName--thePropertyValue

是否有更优雅的创建方式来实现最终结果？

提前致谢

Answer 1

您可以在 v-for 中获取引用名称而不是索引的属性名称:

<div v-for="(item, name) in items" :key="name"> {{name}}</div>